淺談vue中組件綁定事件時是否加.native
更新時間:2019年11月09日 09:15:25 作者:254980080
今天小編就為大家分享一篇淺談vue中組件綁定事件時是否加.native,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
組件綁定事件時
1. 普通組件綁定事件不能添加.native, 添加后事件失效
2. 自定義組件綁定事件需要添加.native, 否則事件無效
<template>
<!-- <mt-field label="用戶名" placeholder="請輸入用戶名"></mt-field> -->
<input type="text" @keyup.native="show($event)"> //普通組件不能添加.native, 添加后事件失效
</template>
<script>
import { MessageBox } from 'mint-ui';
export default {
name: 'about',
data(){
return{
}
},
methods:{
show(ev){
MessageBox.alert('操作成功').then(action => {
if(ev.keyCode==13){
console.log('enter');
}
});
}
}
}
</script>
<template>
<mt-field label="用戶名" placeholder="請輸入用戶名" @keyup.native="show($event)"></mt-field> //自定義組件需要添加.native, 不添加事件無效
<!-- <input type="text" @keyup.native="show($event)"> -->
</template>
<script>
import { MessageBox } from 'mint-ui';
export default {
name: 'about',
data(){
return{
}
},
methods:{
show(ev){
MessageBox.alert('操作成功').then(action => {
if(ev.keyCode==13){
console.log('enter');
}
});
}
}
}
</script>
以上這篇淺談vue中組件綁定事件時是否加.native就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解Vue 動態(tài)組件與全局事件綁定總結(jié)
- 淺談Vue.js 組件中的v-on綁定自定義事件理解
- Vue父子組件雙向綁定傳值的實現(xiàn)方法
- vue動態(tài)綁定組件子父組件多表單驗證功能的實現(xiàn)代碼
- vue2.0數(shù)據(jù)雙向綁定與表單bootstrap+vue組件
- 詳解如何在Vue2中實現(xiàn)組件props雙向綁定
- 解決Vue2.x父組件與子組件之間的雙向綁定問題
- Vue2.0實現(xiàn)組件數(shù)據(jù)的雙向綁定問題
- Vue使用.sync 實現(xiàn)父子組件的雙向綁定數(shù)據(jù)問題
- vue學(xué)習(xí)筆記之給組件綁定原生事件操作示例
相關(guān)文章
Vue3中Vuex狀態(tài)管理學(xué)習(xí)實戰(zhàn)示例詳解
這篇文章主要為大家介紹了Vue3中Vuex狀態(tài)管理學(xué)習(xí)實戰(zhàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06
vue+axios 攔截器實現(xiàn)統(tǒng)一token的案例
這篇文章主要介紹了vue+axios 攔截器實現(xiàn)統(tǒng)一token的案例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
詳解Vue一個案例引發(fā)「內(nèi)容分發(fā)slot」的最全總結(jié)
這篇文章主要介紹了詳解Vue一個案例引發(fā)「內(nèi)容分發(fā)slot」的最全總結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
vue如何使用vant組件的field組件disabled修改默認(rèn)樣式
這篇文章主要介紹了vue如何使用vant組件的field組件disabled修改默認(rèn)樣式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-05-05
詳解vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot
本篇文章給大家通過代碼實例分析了vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot的相關(guān)知識,有這方面興趣的朋友參考下吧。2018-01-01

