vue 获取自定义属性值

最新推荐文章于 2025-10-21 13:46:20 发布

原创最新推荐文章于 2025-10-21 13:46:20 发布 · 3.1k 阅读

5 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

10 篇文章

订阅专栏

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

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);
      }
    }