问题:
如何一次调用多个函数@click?(又名v-on:click)?
@click
v-on:click
我试过了
用分号分割函数:<div @click="fn1('foo');fn2('bar')"> </div>;
<div @click="fn1('foo');fn2('bar')"> </div>
使用几个@click: <div @click="fn1('foo')" @click="fn2('bar')"> </div>;
<div @click="fn1('foo')" @click="fn2('bar')"> </div>
但如何正确地做到这一点?
PS :当然我总能做到
<div v-on:click="fn3('foo', 'bar')"> </div> function fn3 (args) { fn1(args); fn2(args); }
但有时这并不好。
在 Vue 2.3 及更高版本上,您可以这样做:
<div v-on:click="firstFunction(); secondFunction();"></div> // or <div @click="firstFunction(); secondFunction();"></div>