欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決vue+element 鍵盤回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題

 更新時(shí)間:2018年08月25日 11:02:43   作者:留給時(shí)間  
今天小編就為大家分享一篇解決vue+element 鍵盤回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

背景

今天發(fā)現(xiàn)輸入框輸入內(nèi)容后回車就會(huì)刷新頁(yè)面

解決

 <el-form :inline="true" @submit.native.prevent>
 </el-form>

el-from 加上 @submit.native.prevent

具體是參考element-ui文檔解決的

W3C 標(biāo)準(zhǔn)中有如下規(guī)定:

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

即:當(dāng)一個(gè) form 元素中只有一個(gè)輸入框時(shí),在該輸入框中按下回車應(yīng)提交該表單。如果希望阻止這一默認(rèn)行為,可以在 標(biāo)簽上添加 @submit.native.prevent。

以上這篇解決vue+element 鍵盤回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue debug 二種方法

    vue debug 二種方法

    這篇文章主要介紹了vue debug 二種方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-09-09
  • Element實(shí)現(xiàn)復(fù)雜table表格結(jié)構(gòu)的項(xiàng)目實(shí)踐

    Element實(shí)現(xiàn)復(fù)雜table表格結(jié)構(gòu)的項(xiàng)目實(shí)踐

    本文主要介紹了Element實(shí)現(xiàn)復(fù)雜table表格結(jié)構(gòu)的項(xiàng)目實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-03-03
  • Vue 使用v-model實(shí)現(xiàn)控制子組件顯隱效果

    Vue 使用v-model實(shí)現(xiàn)控制子組件顯隱效果

    v-model 可以實(shí)現(xiàn)雙向綁定的效果,允許父組件控制子組件的顯示/隱藏,同時(shí)允許子組件自己控制自身的顯示/隱藏,本文給大介紹Vue 使用v-model實(shí)現(xiàn)控制子組件顯隱,感興趣的朋友一起看看吧
    2023-11-11
  • vue+axios+mock.js環(huán)境搭建的方法步驟

    vue+axios+mock.js環(huán)境搭建的方法步驟

    本篇文章主要介紹了vue+axios+mock.js環(huán)境搭建的方法步驟,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08
  • 詳解Vue路由開(kāi)啟keep-alive時(shí)的注意點(diǎn)

    詳解Vue路由開(kāi)啟keep-alive時(shí)的注意點(diǎn)

    這篇文章主要介紹了詳解Vue路由開(kāi)啟keep-alive時(shí)的注意點(diǎn),非常具有實(shí)用價(jià)值,有興趣的朋友可以了解一下
    2017-06-06
  • Vue中import與@import的區(qū)別及使用場(chǎng)景說(shuō)明

    Vue中import與@import的區(qū)別及使用場(chǎng)景說(shuō)明

    這篇文章主要介紹了Vue中import與@import的區(qū)別及使用場(chǎng)景說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • vue中的addEventListener和removeEventListener用法說(shuō)明

    vue中的addEventListener和removeEventListener用法說(shuō)明

    這篇文章主要介紹了vue中的addEventListener和removeEventListener用法說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-06-06
  • Vue?+?Element?自定義上傳封面組件功能

    Vue?+?Element?自定義上傳封面組件功能

    這篇文章主要介紹了Vue?+?Element?自定義上傳封面組件,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-01-01
  • 面試官問(wèn)你Vue2的響應(yīng)式原理該如何回答?

    面試官問(wèn)你Vue2的響應(yīng)式原理該如何回答?

    可能很多小伙伴之前都了解過(guò)?Vue2實(shí)現(xiàn)響應(yīng)式的核心是利用了ES5的Object.defineProperty?但是面對(duì)面試官時(shí)如果只知道一些模糊的概念。只有深入底層了解響應(yīng)式的原理,才能在關(guān)鍵時(shí)刻對(duì)答如流,本文就來(lái)和大家詳細(xì)聊聊,感興趣的可以收藏一下
    2022-12-12
  • vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表功能

    vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表功能

    最近接到一個(gè)新的需求,要求將系統(tǒng)的用戶進(jìn)行分類,用戶登陸后根據(jù)不同的用戶權(quán)限展示不同的功能列表。這篇文章主要介紹了vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表,需要的朋友可以參考下
    2019-09-09

最新評(píng)論