vue 获取自定义属性值

最新推荐文章于 2024-06-28 16:42:14 发布

wangyanxin928

最新推荐文章于 2024-06-28 16:42:14 发布

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/wangyanxin928/article/details/115463707

vue 专栏收录该内容

10 篇文章

订阅专栏

这篇博客介绍了如何在Vue.js中获取组件上的自定义属性值，例如`data-route`。通过监听点击事件，使用`event.currentTarget.getAttribute('data-route')`方法可以获取到指定元素的自定义属性值，从而实现页面跳转或者其他业务逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue 获取自定义属性值

  <div class="ku-menu-item-group" :data-route="item.route" @click="toRoute">
       <i class="el-icon-menu"></i>
       <span class="ku-menu-collapse"><i class="el-icon-arrow-right"></i></span>
  </div>

说明：data-route 为自定义属性

 // 方法集合
    methods: {
      toRoute: function (e) {
        let route = e.currentTarget.getAttribute("data-route")
        console.log(route);
      }
    }