Vue 动态修改img的src

为了区别多节点ref,使用循环列表的id作为ref的动态值,并将将值传递给方式

<img class="img_7" :ref="`img${n}`" :src="url()" @click="handleClick(`img${n}`)" />

拿到ref后直接修改节点的属性值

handleClick(ref) {
      this.$refs[ref][0].src = ~~(Math.random() * (1000 - 1) + 1) + '.jpg';
},