element--ui使用tab切换时如何获取当前对象的id…
2018-06-24 02:13:59来源：未知 阅读 ()
1. 问题
当使用tab切换时，部分特殊场景需要获取当前元素的类名或者id。
2.解决思路，tab切换是绑定函数，函数会传递过去当前对象，通过当前对象获取对象属性
vue部分代码：本项目是在vue-cli下运行，因此vue的初始化函数略有差异。
<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>
<script>
//vue初始化函数， export default{} 相当于 new Vue({}) export default { name: 'chart', data () { return { activeName2: 'first-ta', } }, methods: { handleClick: function (tab, event) {
console.log(event) console.log(event.target.getAttribute('id')) //获取到当前元素的id } } } </script>
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
下一篇：vue如何加入百度联盟广告
- CSS中的float和margin的混合使用 2020-06-11
- 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01
- HTML开发实例-简单相亲网站开发（主体为table） 2020-05-27
- 通配符选择器 2020-05-27
- ECharts安装与使用 2020-05-26
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
