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>