vue v-for循环回来的数据动态绑定id
v-for循环遍历html页面的时候,希望绑定的id可以是step0,step1,step2,step3这样的,如下图所示做法如下html页面1、step(index)是一个函数,返回"step"+index2、<div:id="">是一种vue简化的写法,不然会有警告<div id="box"><div v-for="(value...
·
v-for循环遍历html页面的时候,希望绑定的id可以是step0,step1,step2,step3这样的,如下图所示
做法如下
html页面
1、step(index)是一个函数,返回"step"+index
2、<div:id="">是一种vue简化的写法,不然会有警告
<div id="box">
<div v-for="(value,index) in arr">
<div :id="step(index)">
<span>{{value}}</span>
</div>
</div>
</div>
js代码
<script>
var sz=["哈哈","嘻嘻","哼哼"];
new Vue({
el:"#box",
data:{
arr:sz
},
methods: {
step:function(i){
return "step" +i
},
});
</script>
更多推荐
已为社区贡献58条内容
所有评论(0)