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 style="margin: 15px 0px;">附近的資產:3個(2個未完成修訂)</span><br /> <img :src="'img/'+(item+nameIndex)+'.jpg'" /> <a href="#" rel="external nofollow" ></a> </div> </li> </ul>
總結
以上所述是小編給大家介紹的vue.js在標簽屬性中插入變量參數的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com