vue 小知识不同元素绑定同一事件传值

最新推荐文章于 2024-07-26 07:30:00 发布

原创最新推荐文章于 2024-07-26 07:30:00 发布 · 501 阅读

0 ·

CC 4.0 BY-SA版权

Vue 案例同时被 2 个专栏收录

91 篇文章

订阅专栏

Vue小笔记

32 篇文章

订阅专栏

本文介绍如何在Vue.js中为不同的元素绑定相同的事件处理函数，并通过参数传递不同的值来区分触发源。示例展示了两个按钮分别触发同一个say方法，但通过v-on绑定时传递不同的消息参数。

//不同元素绑定同一事件 传值
<template>
  <div id="example-3">
  <button v-on:click="say('hi')">Say hi</button>
  <button v-on:click="say('what')">Say what</button>
</div>
</template>

<script>
export default {
  name: 'demo4',
  data(){
      return{
        
      }
  },
  methods:{
     say (message) {
      alert(message)
    }
  }
}
</script>

<style scoped>

</style>

关注博主即可阅读全文