vue 实现v-for循环回来的数据动态绑定id
更新时间：2019年11月07日 09:53:14 作者：郅慧芳
今天小编就为大家分享一篇vue 实现v-for循环回来的数据动态绑定id，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
代码效果图!!!!!
<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就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Pinia是Vue.js的轻量级状态管理库,比起vue3中的Vuex状态管理,pinia更轻量,更容易使用,下面这篇文章主要给大家介绍了关于Vue3状态管理之Pinia的入门使用教程,需要的朋友可以参考下2022-04-04
今天小编就为大家分享一篇vue.js+element-ui动态配置菜单的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家介绍了Vue nextTick延迟回调获取更新后DOM机制详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了使用Vue-axios进行数据交互详情，文章围绕Vue-axios进行数据交互的相关资料展开详细内容，需要的小伙伴可以参考一下，希望对你的学习或工作有所帮助2022-03-03
这篇文章主要介绍了Vue前端后端的交互方式 axios，axios 为第三方数据请求库，下文具体的内容介绍需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-04-04
下面小编就为大家分享一篇Vue中v-for的数据分组实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了Vue.js项目中管理每个页面的头部标签的两种方法,需要的朋友可以参考下2018-06-06
这篇文章主要为大家介绍了React DOM diff 对比Vue DOM diff 区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了Vue通过vue-router实现页面跳转的操作步骤,文中有详细的代码示例和图文供大家参考,对大家的学习或工作有一定的帮助,感兴趣的朋友可以参考下2024-04-04
这篇文章主要给大家介绍了关于uniapp微信小程序axios库的封装及使用的相关资料,Axios是一个基于promise网络请求库,作用于node.js和浏览器中axios-miniprogram-adapteraxios的小程序适配器,需要的朋友可以参考下2023-08-08
最新评论