Vue同一个dom元素绑定多个点击事件如何绑定？

Question

<input id="login" type='button' value="登录" @click="doLogin" @click="check"/>和
<input id="login" type='button' value="登录" @click="doLogin check"/>
这两种方式都不行
想问一下应该如何绑定

Answer 1

我想到的方法就是: input上只绑定一个方法，然后去方法内部通过this.fnName调用其他的方法。

Answer 2

html

<button type="button" name="button" @click="a();b()">ssss</button>

js

  methods: {
    a() {
      console.log('a');
    },
    b() {
      console.log('b');
    }
  }

Answer 3

使用逗号分隔 ok

<button class="sign-button submit" type="button" @click="onClick(),onSignup()">注册</button>

Answer 4

不明白这个需求的产生，如果在login之前需要进行check，那完全可以在methods层面做，你这样增加了数据和展现的耦合。
而且dologin和check之间看起来是有顺序关系的，有必要在js做控制啊

Answer 5

不是应该写在一个方法里嘛

Answer 6

这个写在一个方法里面就可以吧

Answer 7

avalon可以 <input ms-click="@fn1" ms-click-1="@fn2" />

vue只能写到一个了

Answer 8

@click="doLogin"
@click.prevent="doLogin"
分开绑就好了

Answer 9