當前位置:吉日网官网 - 油畫收藏 - el-tabs如何改變activeName的點擊變色?

el-tabs如何改變activeName的點擊變色?

設置初始值

。el-tabs__item{

背景色:#cccccc!重要;

顏色:# 666666;!重要;

保證金:5px!重要;

}

設置單擊活動名稱改變顏色的值。

。El-tabs-card & gt;。el-tabs__header。el-tabs__item.is-active{

顏色:#e64545!重要;

}

就寫這麽多任性哈哈

Div部分

& ltbutton class="showInputclass " >手稿管理

& ltbutton class = " showInputclass " @ click = " showInputone "?v-if="buttonshoucangif " >+添加收藏夾

& ltdiv class = " showInputonewropclass " >?

& ltinput type = " text " v-model = " vmodelinpath " v-if = " showInputoneif " class = " inputshou " & gt。

& ltbutton @ click = " addTab(editabletabsvalue 2)" class = " showInputoneclass " v-if = " showInputoneif " & gt;

?完成

?& lt/button & gt;

& ltEl-tabs v-model = " editable tabs value 2 " type = " card " closed @ tab-remove = " remove tab " >

& ltel選項卡窗格

?v-for="(item,index) in editableTabs2 "

?:key="item.name "

?:label="item.title "

?:name="item.name "

& gt

?{{item.content}}

& lt/El-tab-pane & gt;

& lt/El-tabs & gt;

部分VUE。射流研究…

數據:{

editabletabsvalue 2:“1”,

可編輯標簽2: [{

?標題:“默認收藏夾”,

?名稱:' 1 ',

?內容:“選項卡默認收藏夾”

},

{

?標題:“收藏夾1”,

?名稱:“2”,

?內容:'標簽收藏夾1內在榮耀'

}

],

tabIndex: 2,

vmodelinputh:" ",

}

方法:{

showInputone(){

this.showInputoneif=true

},

?addTab(targetName) {

?設new tabname = ++ this . tabindex+' ';

?this.editableTabs2.push({

標題:this.vmodelinputh,

名稱:newTabName,

內容:“新選項卡內容”

?});

?this . editabletabsvalue 2 = new tabname;

?this.buttonshoucangif=false

?this.vmodelinputh = " "

},

removeTab(targetName){

?let tabs = this . editable tabs 2;

?let active name = this . editabletabsvalue 2;

?if (activeName === targetName) {

Alert("您確定要刪除收藏夾嗎")

tabs.forEach((tab,index)= & gt;{

?if (tab.name === targetName) {

let next tab = tabs[index+1]| | tabs[index-1];

if (nextTab) {

?active name = next tab . name;

}

?}

});

this . editabletabsvalue 2 = active name;

this . editable tabs 2 = tabs . filter(tab = & gt;tab.name!= = target name);

}

?},

}

  • 上一篇:如果當初保羅能和科比聯手,是否可以拿到總冠軍?
  • 下一篇:定西書法家宋青山
  • copyright 2024吉日网官网