zoukankan      html  css  js  c++  java
  • elemnt UI点击事件失效,得到tab的序号

    在用element 的tab的时候发现  事件绑定没有作用

    看了官网才知到内置有回掉函数

     绑定的地方是 <el-tabs></el-tabs>

     <template>
              <el-tabs v-model="activeName2" @tab-click="handleClick">
                <el-tab-pane class="chartsPanel" label="教学质量分布" name="first-ta"></el-tab-pane>
                <el-tab-pane class="chartsPanel" label="科研荣誉分布" name="second-ta"></el-tab-pane>
              </el-tabs>
            </template>
    
      export default {
        name: 'chart',
        data () {
          return {
            activeName2: 'first-ta',
          }
        },
        methods: {
          handleClick: function (tab, event) {
            console.log(event)
            console.log(event.target.getAttribute('id'))  //获取到当前元素的id
          }
        }
      }
    
  • 相关阅读:
    wsdl和soap(简单使用TCPMon工具)03
    Django-7
    Django-6
    Django-5
    Django-4
    Django-3
    Django-2
    Django-1
    python_控制台输出带颜色的文字方法
    python网络编程
  • 原文地址:https://www.cnblogs.com/anxiaoyu/p/8581733.html
Copyright © 2011-2022 走看看