這篇文章主要為大家展示了“Vue中Class與Style綁定的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Vue中Class與Style綁定的示例分析”這篇文章吧。
專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)銀州免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千余家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
具體如下：
綁定 HTML Class
對(duì)象語(yǔ)法
我們可以傳給 v-bind:class 一個(gè)對(duì)象，以動(dòng)態(tài)地切換 class：
如上，我們先給 .exp 一個(gè)邊框，我們利用 v-bind 方法傳入一個(gè)新的 class 屬性 .newExp，設(shè)置一個(gè)藍(lán)色的背景顏色。當(dāng)我們?cè)诳刂婆_(tái)修改 .newExp 的屬性為 true 時(shí)，會(huì)給 div 添加一個(gè)藍(lán)色的背景顏色。
我們也可以傳入更多的屬性來(lái)切換多個(gè) class 。
在模板里的渲染結(jié)果為：
我們也可以使用對(duì)象的方法來(lái)切換屬性
重慶分公司
重慶分公司
