Vue中的@blur事件 當(dāng)元素失去焦點(diǎn)時(shí)所觸發(fā)的事件問題
更新時(shí)間：2022年08月09日 11:39:26 作者：吳冬雪~
這篇文章主要介紹了Vue中的@blur事件 當(dāng)元素失去焦點(diǎn)時(shí)所觸發(fā)的事件問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue @blur事件 當(dāng)元素失去焦點(diǎn)時(shí)所觸發(fā)的事件
@blur 是什么？
@blur 是當(dāng)元素失去焦點(diǎn)時(shí)所觸發(fā)的事件
@blur 怎么使用？
<template>
<div>
<input type="text" placeholder="請輸入內(nèi)容" @blur="blur"/>
</div>
</template><script>
export default {
name: "@blur_61",
methods:{
blur(){
console.log("blur事件被執(zhí)行了")
}
}
}
</script>
<style scoped>
</style>Vue 使用@blur無效
@blur=“checkUserShortName” ? ?
這樣寫不起作用
@blur.native.capture=“checkUserShortName” ?
這樣可以正常觸發(fā)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue如何實(shí)現(xiàn)自定義底部菜單欄,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
Vue技巧Element Table二次封裝實(shí)戰(zhàn)示例
這篇文章主要為大家介紹了Vue技巧Element Table二次封裝實(shí)戰(zhàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
Vue-Router實(shí)現(xiàn)頁面正在加載特效方法示例
這篇文章主要給大家介紹了利用Vue-Router實(shí)現(xiàn)頁面正在加載特效方法示例，文中給出了詳細(xì)的示例代碼，相信對大家具有一定的參考價(jià)值，有需要的朋友們下面來一起看看吧。2017-02-02
layer.js(mobile)是一個(gè)小巧方便的彈出層插件，在之前的apicloud項(xiàng)目中被大量使用，但最近對apicloud的IDE、非常不友好的文檔和極低的開發(fā)效率深感厭煩，決定棄用然后轉(zhuǎn)向Vue開發(fā)。這篇文章主要介紹了vue-cli腳手架引入彈出層layer插件的幾種方法，需要的朋友可以參考下2019-06-06
electron?dialog.showMessageBox的使用案例
Electron?Dialog?模塊提供了api來展示原生的系統(tǒng)對話框,本文主要介紹了electron?dialog.showMessageBox的使用案例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
本篇文章主要介紹了如何在 Vue.js 中使用第三方j(luò)s庫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了vue父組件異步獲取數(shù)據(jù)傳給子組件,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了vue 中使用print.js導(dǎo)出pdf操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
關(guān)于element-ui中el-form自定義驗(yàn)證(調(diào)用后端接口)
這篇文章主要介紹了關(guān)于element-ui中el-form自定義驗(yàn)證(調(diào)用后端接口)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章給大家分享了Vue實(shí)例以及生命周期的相關(guān)知識點(diǎn)內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2018-08-08