element-ui tab disabled (locked)

element-ui tab disabled (locked)

vue

var Main = {
    data() {
      return {
        activeName: 'second',
        disabled: false,
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
      toggleLockedTab() {
        this.disabled = !this.disabled;
      },
    },
    mounted() {
      setTimeout(() => {
        this.disabled = true;
      }, 0);
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

demo

https://codepen.io/xgqfrms/pen/vYyWPer?editors=1010

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---