vue中事件傳參與不傳參的區(qū)別是什么

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)vue中事件傳參與不傳參的區(qū)別是什么，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

如下所示：

<div id = 'app'>
  <p><button @click = 'test_click1'>{{btn_text1}}</button></p>
  <br>
  <p><button @click = 'test_click2("123")'>{{btn_text2}}</button></p>
 </div>

 <script src="https://cdn.bootcss.com/vue/2.5.8/vue.min.js"></script>
 <script type="text/javascript">

  var _vm = new Vue({
   data : {
    btn_text1 : '點(diǎn)擊1' ,
    btn_text2 : '點(diǎn)擊2'
   },
   methods : {
    test_click1 : function (e) {
     console.log('test_click1--------------------------') ;
     console.log(e) ;   
     // 輸出結(jié)果：MouseEvent {isTrusted: true, screenX: 40, screenY: 121, clientX: 40, clientY: 30, …}

     console.log(e.target) ;  // 輸出結(jié)果：<button>點(diǎn)擊1</button>
     console.log('test_click1--------------------------') ;
    },
    test_click2 : function (e) {
     console.log('test_click2--------------------------') ;
     console.log(e) ;   // 輸出結(jié)果：123
     console.log(e.target) ;  // 輸出結(jié)果：undefined
     console.log('test_click2--------------------------') ;
    }
   }
  }).$mount('#app');
 </script>

上述就是小編為大家分享的vue中事件傳參與不傳參的區(qū)別是什么了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道。