vue循环创建id拼接索引

Question

<div v-for="(data,index) in arr">

<canvas :id="mycanvas(index)" width="140" height="140"></canvas>

</div>

循环创建 canvas 但是会报_vm.mycanvas is not a function

不用canvas标签用正常的div的话是没有问题的

Answer 1

mycanvas是写到computed中了吧，写到methods中就没事了

methods: {
    mycanvas (index) {
      return 'item' + index
    }
 }

Answer 2

你是提示是缺少mycanvas函数,有二种方法拼接字符串

第一种

 methods:{
     mycanvas(index){
       return "canvas_" +index
    }
  }

第二种

<canvas v-for="(data,index) in arr" :id="['canvas'+index]">