1.給每個按鈕添加class的屬性值以及icon圖標(biāo)屬性值，通過v-for實現(xiàn)自動添加樣式，發(fā)現(xiàn)屬性值無法顯示，切記在屬性前加上v-bind

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：主機域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、永安網(wǎng)站維護、網(wǎng)站推廣。

總結(jié)：

如果直接這么寫

{{site.icon}}
或者{{site.icon}}
，會發(fā)現(xiàn)class以及icon的值就是字符串site.icon，只有在標(biāo)簽屬性前加上v-bind,即改成{{site.icon}},class與icon的值才會顯示el-icon-search，el-icon-refresh, el-icon-download 。
{{}}
應(yīng)該寫在html文本之間，不能寫在屬性值里。 

總結(jié)

以上所述是小編給大家介紹的vue中v-for循環(huán)給標(biāo)簽屬性賦值的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！