vue中el-tab-pane切换问题
今天在编写vue的时候用到了el-tabs,然后遇到切换的时候,在次打开el-dialog还是上次的状态(因为两次打开的el-tab-pane数量不一样,就出现了问题)
如下:
第一次打开时的状态,打开到第二次的时候
解决方法
给el-tab-pane命名
<el-tabs type="border-card" v-model="activeName" ></el-tabs>
在script中
data() {
return {
isShow: '',
activeName:'second'
}
},
在每次关闭弹框的时候,在关闭方法中重置activeName
activeName='second'