vue+js动态切换element-ui生成的主题css文件

html-css020

vue+js动态切换element-ui生成的主题css文件,第1张

1.设定一个主题变量

2.在index.html中添加link标签，初始化一个主题文件

3.在Vue组件中进行动态切换

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)

})

}