vue中el-tab-pane切换问题

vue中el-tab-pane切换问题

今天在编写vue的时候用到了el-tabs,然后遇到切换的时候,在次打开el-dialog还是上次的状态(因为两次打开的el-tab-pane数量不一样,就出现了问题)

如下:
vue中el-tab-pane切换问题_第1张图片第一次打开时的状态,打开到第二次的时候
vue中el-tab-pane切换问题_第2张图片

解决方法

给el-tab-pane命名


在script中

    data() {
      return {
        isShow: '',
        activeName:'second'
      }
    },

在每次关闭弹框的时候,在关闭方法中重置activeName

activeName='second'

你可能感兴趣的:(vue学习,vue)