vue 鍵盤回車事件導致頁面刷新的問題,路由多了一個問號


問題:

<el-form @submit.native.prevent>
    <el-form-item >
        <el-input
          @keyup.enter.native="handleInputConfirm(obj)"
        >
        </el-input>
    </el-form-item>
</el-form>
export default {
    methods:{
        handleInputConfirm(obj){
            // ... 提交內容
        }
    }
}

回車后,重新刷新了頁面,並且路由多了一個問號

http://localhost:3009/?#/admin

解決方案:

el-from 加上 @submit.native.prevent

<el-form @submit.native.prevent>
</el-form>

理由:

當一個 form 元素中只有一個輸入框時,在該輸入框中按下回車應提交該表單。如果希望阻止這一默認行為,可以在 標簽上添加 @submit.native.prevent。

...

...

...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM