淺談vue中組件綁定事件時(shí)是否加.native
組件綁定事件時(shí)
1. 普通組件綁定事件不能添加.native, 添加后事件失效
2. 自定義組件綁定事件需要添加.native, 否則事件無效
<template> <!-- <mt-field label="用戶名" placeholder="請(qǐng)輸入用戶名"></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="請(qǐng)輸入用戶名" @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中組件綁定事件時(shí)是否加.native就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 詳解Vue 動(dòng)態(tài)組件與全局事件綁定總結(jié)
- 淺談Vue.js 組件中的v-on綁定自定義事件理解
- Vue父子組件雙向綁定傳值的實(shí)現(xiàn)方法
- vue動(dòng)態(tài)綁定組件子父組件多表單驗(yàn)證功能的實(shí)現(xiàn)代碼
- vue2.0數(shù)據(jù)雙向綁定與表單bootstrap+vue組件
- 詳解如何在Vue2中實(shí)現(xiàn)組件props雙向綁定
- 解決Vue2.x父組件與子組件之間的雙向綁定問題
- Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問題
- Vue使用.sync 實(shí)現(xiàn)父子組件的雙向綁定數(shù)據(jù)問題
- vue學(xué)習(xí)筆記之給組件綁定原生事件操作示例
相關(guān)文章
Vue3中Vuex狀態(tài)管理學(xué)習(xí)實(shí)戰(zhàn)示例詳解
這篇文章主要為大家介紹了Vue3中Vuex狀態(tài)管理學(xué)習(xí)實(shí)戰(zhàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06vue+axios 攔截器實(shí)現(xiàn)統(tǒng)一token的案例
這篇文章主要介紹了vue+axios 攔截器實(shí)現(xiàn)統(tǒng)一token的案例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09vant的picker組件設(shè)置文字超長(zhǎng)滾動(dòng)方式
這篇文章主要介紹了vant的picker組件設(shè)置文字超長(zhǎng)滾動(dòng)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12詳解Vue一個(gè)案例引發(fā)「內(nèi)容分發(fā)slot」的最全總結(jié)
這篇文章主要介紹了詳解Vue一個(gè)案例引發(fā)「內(nèi)容分發(fā)slot」的最全總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12vue實(shí)現(xiàn)移動(dòng)端懸浮窗效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端懸浮窗效果,vuejs實(shí)現(xiàn)div拖拽移動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12vue如何使用vant組件的field組件disabled修改默認(rèn)樣式
這篇文章主要介紹了vue如何使用vant組件的field組件disabled修改默認(rèn)樣式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-05-05詳解vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot
本篇文章給大家通過代碼實(shí)例分析了vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot的相關(guān)知識(shí),有這方面興趣的朋友參考下吧。2018-01-01