1、仅仅传入自定义参数

html :

 
  1. <div id="app">

  2. <button @click="tm(123)">ddddd</button>

  3. </div>

 js :

 
  1. new Vue({

  2. el:'#app',

  3. methods:{

  4. tm:function(e){

  5. console.log(e);

  6. }

  7. }

  8. })

则将会输出数字123

2、仅仅传入事件对象

html:

 
  1. <div id="app">

  2. <button @click="tm">ddddd</button>

  3. </div>

 js :

 
  1. new Vue({

  2. el:'#app',

  3. methods:{

  4. tm:function(e){

  5. console.log(e);

  6. }

  7. }

  8. })

则将会输入事件对象

3、同时传入事件对象和自定义参数

html:

 
  1. <div id="app">

  2. <button @click="tm($event,123)">ddddd</button>

  3. </div>

 js :

 
  1. new Vue({

  2. el:'#app',

  3. methods:{

  4. tm:function(e,value){

  5. console.log(e);

  6. console.log(value);

  7. }

  8. }

  9. })

则将会输入事件对象

参考链接:

https://segmentfault.com/q/1010000010054474

 https://segmentfault.com/q/1010000008783546/a-1020000008784289

https://blog.csdn.net/little_kid_pea/article/details/89736282

Logo

前往低代码交流专区

更多推荐