九、vue中事件对象的获取

最新推荐文章于 2024-05-19 21:53:49 发布

weixin_43791795

最新推荐文章于 2024-05-19 21:53:49 发布

阅读量428

点赞数

分类专栏： vue 文章标签：事件对象获取

本文链接：https://blog.csdn.net/weixin_43791795/article/details/100800179

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

事件对象的获取

事件对象的获取分为两种情况，分别是事件方法加括号和不加括号

不加括号

<body>
  <div id="root">
    <button @click="handleClick">添加</button>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    const app = new Vue({
      el: "#root",
      data() {
        return {
          hobi: []
        }
      },

      methods: {
        handleClick(e) {
          console.log(e)
        }
      }
    })
  </script>
</body>

加括号

加括号是为了可以传参

<body>
  <div id="root">
    <button @click="handleClick('abc', $event)">添加</button>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    const app = new Vue({
      el: "#root",
      data() {
        return {
          hobi: []
        }
      },

      methods: {
        handleClick(desc, e) {
          console.log(desc, e)
        }
      }
    })
  </script>
</body>

weixin_43791795

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
九、vue中事件对象的获取

事件对象的获取事件对象的获取分为两种情况，分别是事件方法加括号和不加括号不加括号<body> <div id="root"> <button @click="handleClick">添加</button> </div> <script src="https://cdn.jsdelivr.net/npm...
复制链接

扫一扫