vue v-for循环回来的数据动态绑定id

 https://img-blog.csdn.net/20180728171200629?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NjEyNzkz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70代码效果图!!!!!

<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中,项目中遇到的问题解决方法一般会更新下博客,欢迎和小妹交流,QQ:980994993,加时备注

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值