vue循环添加css样式,vue更改css样式

vuejs中可以导入多个css样式吗

带上重现去 github vue-loader 仓库开 issue.是按.vue的路径去算的吧？ 打包后style会默认插入html，所以路径是按htmlj页面计算的

相关问答

Q1: vue.js怎么动态设置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);

})

}

给每个a标签绑定一个方法，并传入当前对象作为参数

当点击时遍历所有a标签，比较当前遍历对象的某个属性（例子中的name)与传入对象的某个属性

比例结果赋值给一个flag（例子中的isSelected属性）,由这个flag去控制：class

从而实现数据驱动样式

Q2: Vue怎么局部引入css

vue只是一个js框架，和你引用css没有太大的关系，和普通的js一样的处理方式就好。

例如你可以新建一个link标签，然后插入到head标签下之类的。