Element-ui】【element ui】使用element ui的tabs组件时用什么绑定?

2020-12-22 20:33发布

2条回答
aijingda
2楼 · 2020-12-23 09:44

直接给你上代码!!!

标签代码


 
 
 

data初始化‘activeName’的值

data() {
   return {
      activeName: '0',
   }
}

用watch监听‘activeName’的变化,从而响应不同的事件

watch : {
   'activeName':function(val) { //监听切换状态-计划单
     let urlStr = '/index/test?tabid=' + val;
     this.$router.push(urlStr);
        // 注释,根据val的不同,跳转到不同
   },
}

在create获取URL参数

created() {
   
 if(this.$route.query.tabid) {
  this.activeName = this.$route.query.tabid;
    }else{
     this.activeName = 0;
    }

},

补充:---------20180725----------
可直接运用tab-click绑定事件


[removed]
  export default {
    data() {
      return {
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
        if(tab.name == 'second'){
         // 触发‘配置管理’事件
         this.second();
        }else{
         // 触发‘用户管理’事件
         this.first();
        }
      },
      /**
       * 触发‘用户管理’事件
       */
      first(){
       console.log('我是用户管理');
      },
      /**
       * 触发‘配置管理’事件
       */
      second(){
       console.log('我是配置管理');
      }
    }
  };
[removed]


芒果
3楼 · 2020-12-23 10:16
可直接运用tab-click绑定事件

相关问题推荐

  • 回答 1

    在使用element-ui级联选择器的过程中,发现出现 空级联 的bug 首先我们分析出现空级联原因是:由于数据是从后台传递过来的,当后端的老铁使用递归算出菜单,然后转换成json传递到前端的时候。就会出现 最底层 的子项中 的 children 为空数组,这样就会造成,...

  • 回答 4

    修改中间横向滚动条的左右边距,或者浮层在左右两列之上。

  • 回答 1

    弄错了,这个是ElementUI的级联选择器获取值,没有财富值了!删不了!selectedOptions里就是你要的值内,页面初始化的时候要容定义!是个数组!

  • 回答 1

    按需加载其实就是懒加载,可以在props中调用如下回调函数即可.cascaderLazyLoad(node, resolve) {    const { level } = node;   //获取层级    const { children } = node;    //花括号写法 表示直接取到对象里的某个属性   ...

  • 回答 2

    如果有学习的打算肯定是越早学习越好,等学完课程疫情基本好转了,再找UI设计方向工作也来得及,一般学习课程还是报培训班学习效率更高些,因为学的完整,有课程体系,不懂的问题老师能及时讲解。如果自学的话容易陷入误区,学的不连贯,学习的周期也会加长。...

  • 回答 2

    一是看市场需求,二是看行业发展,目前U设计就业需求量是比较大的,还有发展前景也是非常广阔,有互联网的地方就有UI设计师。比如在北京、上海、广州、杭州、深圳这些一线城市,只要你技术足够好是非常容易找到工作,而且薪资待遇也是比较高。...

  • 回答 1
    已采纳

    web项目有内置的html、js、css语法库App项目有内置的plus扩展语法库uni-app项目有内置的uni-app语法库微信小程序、快应用等项目也有对应的内置语法库

没有解决我的问题,去提问