vue.js如何在标签属性中插入变量参数

1,295 阅读1分钟

Vue 元素属性拼接变量示例:

html的标签的属性,比如id、class、href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法:

<div class="actions" v-for="(item, i) in newarr" :key="i">
    <p
      :id="'clipboard'+i"
      :class="'clipboard'+ i"
      data-clipboard-action="copy"
      :data-clipboard-target="'#clipboard'+i"
    >
      {{item}}
    </p>
</div>

v-bind:属性=“ ‘字符串’+自定义变量名”,有需要的朋友可以借鉴下!