html5 ui-id,HTML+CSS入门 element ui使用tab切换时如何获取当前对象的id或者其他属性...

本篇教程介绍了HTML+CSS入门 element ui使用tab切换时如何获取当前对象的id或者其他属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。

<

1. 问题

当使用tab切换时,部分特殊场景需要获取当前元素的类名或者id。

2.解决思路,tab切换是绑定函数,函数会传递过去当前对象,通过当前对象获取对象属性

vue部分代码:本项目是在vue-cli下运行,因此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

}

}

}

本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值