vue @click参数绑定
vue 2017-10-09 13:11:20

1、传输当前元素:

XML/HTML Code复制内容到剪贴板
  1. v-on:click="fn($event)" 或者  @click="fn($event)"  
  2.   
  3. methods: {  
  4.     fn: function (e) {  
  5.         e.currentTarget; // 当前元素的完整html
  6.     }  
  7. }  

 

2、click传参:

XML/HTML Code复制内容到剪贴板
  1. <span class="play" @click="playMp3(item.data.attachment)">  
  2.   
  3.   
  4. methods: {  
  5.     playMp3(url){  
  6.         console.log(url);  
  7.     }  
  8. }  

 

3、获取当前对象属性,类似attr

XML/HTML Code复制内容到剪贴板
  1. <!--需要在click中获取它的data-id的数据-->  
  2. <mt-button :type="playBtnType1" @click="playOrderFile($event)" data-id="123"><i class="icon iconfont">&123;</i> 仅单词顺序播放</mt-button>  
  3.   
  4. <script>  
  5. playOrderFile(event) {  
  6.     //打印当前对象          
  7.     console.log(event.currentTarget);  
  8.     //获取当前对象data-id的值  
  9.     console.log(event.target.getAttribute("data-id"));  
  10.     //设置当前对象属性  
  11.     console.log(event.target.setAttribute("disabled", true));  
  12. }
  13. </script>  

 

本文来自于:http://www.yoyo88.cn/study/vue/164.html

Powered by yoyo苏ICP备15045725号