首页 > 代码库 > vue.js 使用小结
vue.js 使用小结
2016年12月10日 17:18:42 星期六
情景:
主要介绍 v-for 循环时对变量的处理方法
主要以table标签为例
1. 为 tr 标签动态添加属性
1 <tr v-for="item in items" v-bind:id="‘item_‘ + item.id">2 3 //效果: <tr id="item_7">
2.截取字符串
1 <td>{{subTitle(item.title)}}</td> 2 3 methods: { 4 subTitle: function(val) { 5 if (val.length < 20) { 6 return val; 7 } else { 8 return val.substring(0, 20) + ‘...‘; 9 }10 }11 }
3.绑定事件
1 <td><span v-bind:id="‘item_op_‘ + item.id" v-on:click="del(‘delArticle‘, ‘id‘, item.id)">删除</span></td> 2 3 //显示效果: <td><span id="item_op_7">删除</span></td> 4 5 .... 6 7 methods: { 8 del: function (method, itemKey, itemValue) { 9 abc(method, itemKey, itemValue); // 页面中定义的其它函数, 也可以在里边直接写逻辑10 }11 }12 13 ....
vue.js 使用小结
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。