热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

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

2023-04-13 15:51:45

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>
 
事件逗号运算符运算符事件处理方法处理程序

推荐阅读