最近在项目中遇到一个问题就是如何根据我左边得tree点击选取得节点,对tabs选项卡进行权限得控制,满足就可以点击不满足为disabled,如下图
当我点击得时候发现通过左边点击控制右边得禁用得时候,发现tabs自带得disabled默认初始和点击左边让tabs某一个禁用得时候并没有用,于是我就在想让带tabs自动切换,根据左边得tree,tabs自动切换到满足得条件就可以了,这样disabled也就可以正常使用了
下面如何让tabs自动切换
给Tabs添加一个ref
console.log(this.$refs.tabs)
// 里面会有一个activeKey 根据这个属性让tabs进行切换
// 0 为第一个 1 为第二个以此类推
然后在左边tree得点击得到得值进行判断需要切换到哪个
if(this.flagBox.funIsctrlbtn == 1){ // 根据判断得条件
this.$refs.tabs.activeKey = 0 // 做出对应的切换
}else if (this.flagBox.funIsform == 1){
this.$refs.tabs.activeKey = 1
}else if (this.flagBox.funIsprocess == 1){
this.$refs.tabs.activeKey = 3
}
这样 自动切换的时候就可以解决tabs初始disabled不生效的原因