网站建设资讯

NEWS

网站建设资讯

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

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

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

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、重庆小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了龙海免费建站欢迎大家使用!

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

从而实现数据驱动样式

Vue怎么局部引入css

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

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


标题名称:vue循环添加css样式,vue更改css样式
链接URL:http://njwzjz.com/article/dsejjpi.html