vue2中隱藏elementUI的某乙個tab欄

2021-10-07 10:18:03 字數 870 閱讀 6650

需求: 是根據不同的**資料顯示不同的tab選項卡,讓其他的不顯示

"使用者管理" name=

"first"

>使用者管理<

/el-tab-pane>

"配置管理" name=

"second"

>配置管理<

/el-tab-pane>

"角色管理" name=

"third"

>角色管理<

/el-tab-pane>

"定時任務補償" name=

"fourth"

>定時任務補償<

/el-tab-pane>

<

/el-tabs>

<

/template>

export

default;}

, methods:

,hidetabs()

)}},

mounted()

}<

/script>

開始時只用了 this.$refs.tabs.$children

[0].$refs.tabs[2].style.display=

"none"

;結果一直失敗,必須放在this.$nexttick中才起作用

Vue 在Vue中快速使用ElementUI

最近使用vue,順道使用elementui,在vue專案中音容elementui的方法 idea開啟termianl,在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

《Vue2 十一》Vue中的混入

mixin用來分發vue元件中可復用的功能。乙個混入物件可以包含任意元件選項。當元件使用混入物件時,混入物件的所有選項將被混合進該元件本身的選項。定義區域性混入 定義乙個混入物件 var mymixin methods 定義乙個使用混入物件的元件 var component vue.extend 定...

vue2新人入門

預設對webpack,sass,npm有一定的了解。一些vue指令不會說,反正官方文件有,我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...