时间:2021-05-26
如下所示:
代码效果图!!!!!
<ul><li v-for="(site,index) in sites" :key="index" :id="forId(index)"> <span class="channel-li-li-border"> <span class="firstLevel">{{site.name}}</span> </span></li></ul><script> new Vue({ el: '#cat2s', data: function(){ return { brandList: [], sites: [ { name: '품질검수 서비스' }, { name: '배송물류 서비스' }, { name: '브랜드사 리스트'} ] } }, methods: { forId:function(index){ return "forid_" +index },}})</script>以上这篇vue 实现v-for循环回来的数据动态绑定id就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、v-for循环普通数组①创建vue对象②循环数据结果:2、v-for循环对象数组①创建vue实例对象②循环对象数组结果:3、v-for循环对象①创建vue对
用Vue2.0实现一个数据的分页及页数的跳转,代码如下:数据绑定:{{...}}{{item}}事件绑定:v-on上一页判断:v-if上一页循环:v-for修改
使用Vue.js可以很方便的实现数据的绑定和更新,有时需要对一个一维数组进行分组以方便显示,循环可以直接使用v-for,那分组呢?这里需要用到vue的compu
在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据v-for="(item,index)indomainList.slice
前言Vue.js中,v-for指令需要以iteminitems形式的特殊语法,items是源数据数组并且item是数组元素迭代的别名。v-for可以绑定数据到数