vue中v-for循環(huán)給標(biāo)簽屬性賦值的方法-創(chuàng)新互聯(lián)
1.給每個按鈕添加class的屬性值以及icon圖標(biāo)屬性值，通過v-for實現(xiàn)自動添加樣式，發(fā)現(xiàn)屬性值無法顯示，切記在屬性前加上v-bind
<html>
<head>
<meta charset="utf-8">
<title>v-for在線測試實例</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">
</script></head><body><div id="app">
<ul>
<template v-for="site in sites">
<button v-bind:class="site.icon" v-bind:icon:"site.icon">
{{
site.icon
}}
</button>
</template>
</ul>
</div>
<script>
new Vue
({
el: '#app', data:
{
sites: [
{
icon: 'el-icon-search'
},
{ icon: 'el-icon-refresh'
},
{
icon: 'el-icon-download'
}
]
}})
</script>
</body>
</html>另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)頁標(biāo)題：vue中v-for循環(huán)給標(biāo)簽屬性賦值的方法-創(chuàng)新互聯(lián)
鏈接分享：http://aaarwkj.com/article38/ccccsp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站導(dǎo)航、網(wǎng)站收錄、搜索引擎優(yōu)化、建站公司、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 云服務(wù)器是什么？怎么挑選服務(wù)器 2022-10-09
- 網(wǎng)站云服務(wù)器遷移方案需要注意什么? 2022-10-10
- 為什么個人無法搭建云服務(wù)器？ 2022-10-08
- 歐洲云服務(wù)器與歐洲vps相比有什么不同 2022-10-02
- 香港服務(wù)器租用、服務(wù)器托管、云服務(wù)器哪個好？ 2021-02-20
- 快速了解云服務(wù)器，云服務(wù)器的10個知識點 2022-05-29
- 云服務(wù)器建立網(wǎng)站就是修改靜態(tài)資源請求的根目錄那么問題來了，怎么編輯配置文件 2022-07-17
- 為什么選擇海外云服務(wù)器和香港云服務(wù)器 2021-02-22
- 有哪些可以免費試用一年左右的云服務(wù)器 2022-10-12
- 正確選擇云服務(wù)器的關(guān)鍵因素有哪些 2021-03-10
- 云服務(wù)器，云主機中的內(nèi)網(wǎng)ip和外網(wǎng)ip有什么區(qū)別？ 2021-02-24
- 便宜的日本云服務(wù)器怎么選？ 2022-10-07