vue.js在标签属性中插⼊变量参数的⽅法
html的标签的属性,⽐如id、class、href需要动态传递参数,拼接字符串,查了⼀些资料,并没有到合适的解决⽅法,琢磨了⼀上午,终于试出了⽅法:
v-bind:属性=“ ‘字符串'+⾃定义变量名”,⾃⼰试了没问题,有需要的朋友可以借鉴下!
最后需要注意⼀下属性⼀定是":属性="这种形式才会起作⽤
<ul class="menu" v-for="(item,index) in 4">
<li :class="{'selected':index===clickIndex}" @click="selected(index)">
<div>
<h3>{{item}}点位标签</h3>
<span >附近的资产:3个(2个未完成修订)</span><br />
<img :src="'img/'+(item+nameIndex)+'.jpg'" />
<a href="#" rel="external nofollow" ></a>
</div>
</li>
js在字符串中添加字符</ul>
总结
以上所述是⼩编给⼤家介绍的vue.js在标签属性中插⼊变量参数的⽅法,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。