建站
咨詢
售后
建站咨詢
新聞中心
vuejs中可以導(dǎo)入多個(gè)css樣式嗎
帶上重現(xiàn)去 github vue-loader 倉(cāng)庫(kù)開 issue.是按.vue的路徑去算的吧？ 打包后style會(huì)默認(rèn)插入html，所以路徑是按htmlj頁(yè)面計(jì)算的
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了龍海免費(fèi)建站歡迎大家使用！
vue.js怎么動(dòng)態(tài)設(shè)置css
template
ul
li v-for="tab in tabs" :class="{ 'is-active': tab.isSelected}"
a :href="tab.href" @click="selectTab(tab)"{{tab.name}}/a
/li
/ul
script
selectTab(selectedTab) {
this.tabs.forEach(tab = {
tab.isSelected = (tab.name == selectedTab.name);
})
}
給每個(gè)a標(biāo)簽綁定一個(gè)方法，并傳入當(dāng)前對(duì)象作為參數(shù)
當(dāng)點(diǎn)擊時(shí)遍歷所有a標(biāo)簽，比較當(dāng)前遍歷對(duì)象的某個(gè)屬性（例子中的name)與傳入對(duì)象的某個(gè)屬性
比例結(jié)果賦值給一個(gè)flag（例子中的isSelected屬性）,由這個(gè)flag去控制：class
從而實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)樣式
Vue怎么局部引入css
vue只是一個(gè)js框架，和你引用css沒有太大的關(guān)系，和普通的js一樣的處理方式就好。
例如你可以新建一個(gè)link標(biāo)簽，然后插入到head標(biāo)簽下之類的。
分享標(biāo)題：vue循環(huán)添加css樣式,vue更改css樣式
文章起源：http://fisionsoft.com.cn/article/dsejjpi.html
