Vue3事件处理由逗号运算符分隔

Vue3事件处理由逗号运算符分隔
事件处理程序中可以有多个方法,这些方法由逗号运算符分隔:
 
v-on
<div id="app">
  <!-- 这两个 one() 和 two() 将执行按钮点击事件 -->
  <button @click="one($event), two($event)">
  点我
  </button>
</div>
 
<script>
const app = {
  data() {
  },
  methods: {
    one(event) {
      alert("第一个事件处理器逻辑...")
    },
    two(event) {
      alert("第二个事件处理器逻辑...")
    }
  }
}
 
Vue.createApp(app).mount('#app')
</script>
 

推荐阅读