ant-design-vue 之Tabs 标签页

基本代码



项目里面用
< a-tab>

首先在 < a-tab change="handle">
在  :defaultActiveKey="customActiveKey"
这里的customActiveKey 要指定默认值和key
 customActiveKey: 'tab1',
 handleTabClick (key) {
     this.customActiveKey = key
    this.isLoginError = true
     
     }

表单提示信息可以在这里提示错误

 
 
          

然后在数据返回错误的时候,将值变为true

requestFailed (err) {
      this.isLoginError = true
      this.$notification['error']({
        message: '错误',
        description: ((err.response || {}).data || {}).message || err || '请求出现错误,请稍后再试',
        duration: 4
      })
    }
  }

当切换的时候,错误提示消失

   this.isLoginError = true

你可能感兴趣的:(vue)