vue+element 键盘回车事件导致页面刷新的问题

news/2024/7/10 0:54:15 标签: vue

问题:input输入框输入内容,按键盘上的回车按钮,会刷新界面
      解决方法:

1.如果回车时有方法需要调用,在调用方法的时候加上@keyup.enter.native

2.如果在input上加上@keyup.enter.native,第一次回车时还是会刷新界面,在el-from上加上  @submit.native.prevent

<el-form :inline=“true” class=“searchTerm demo-form-inline” @submit.native.prevent>

<el-input clearable v-model=“queryTableName” placeholder=“请输入关键字” @keyup.enter.native=“querybtand(queryTableName)” >


           即:   当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以 在 标签上添加 @submit.native.prevent。

这样,就可以完美解决问题了
————————————————
版权声明:本文为CSDN博主「石意」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/shen_qiu/article/details/88687292


http://www.niftyadmin.cn/n/623064.html

相关文章

python 完全面向对象_python之路——初识面向对象

阅读目录 楔子 你现在是一家游戏公司的开发人员&#xff0c;现在需要你开发一款叫做<人狗大战>的游戏&#xff0c;你就思考呀&#xff0c;人狗作战&#xff0c;那至少需要2个角色&#xff0c;一个是人&#xff0c; 一个是狗&#xff0c;且人和狗都有不同的技能&#xff0…

解决移动端click事件延迟300毫秒问题 -- fastclick

移动端点击延迟事件 移动端浏览器在派发点击事件的时候&#xff0c;通常会出现300ms左右的延迟原因: 移动端的双击会缩放导致click判断延迟 解决方式 禁用缩放 <meta name "viewport" content"user-scalableno" > 缺点: 网页无法缩放 更改默认视…

文件编程:定位fseek()函数

本想也像lseek一样写一个测试文件大小的函数&#xff0c;但是最后发现这个返回值和lseek还是有点区别的&#xff0c;就只能 放弃了。 不过回过头来看书上给出的例子&#xff0c;就是用它做了一个计算文件大小的例子如下&#xff1a;它不能简单的只能一个句话来求出…

Vue路由钩子函数

<template><div><input type"text" v-model"username" /><button click"toUserList">跳转到列表页</button></div> </template><script> export default {data() {return {username: "&qu…

文件编程:路径获取getcwd()函数

这个先练习一下这个例子吧&#xff0c;就像命令行中的"pwd"。 #include <unistd.h>int main() {char buf[80];getcwd(buf,sizeof(buf));printf("current working directory: %sn", buf); }输出结果&#xff1a;[rootlocalhost gcc]# ./a.out current…

python 调用js_python 调用js代码

Python2 安装pyv8 pip install-egit://github.com/brokenseal/PyV8-OS-X#eggpyv8 from pyv8 import PyV8 ctxt PyV8.JSContext() ctxt.enter() # 创建一个jsContext对象并进入 ctxt.eval(js_str) # 执行js代码 接下来就可以使用这个ctxt来执行js脚本了。主要有两种用途&#x…

文件编程:创建目录mkdir()函数

《Linux常用C函数&#xff08;中文版&#xff09;》中居然没有这个函数&#xff0c;这使我感到很惊讶。勉强在百度上看到一点点&#xff1a; Linux下mkdir函数 头文件库&#xff1a;#include <sys/stat.h>#include <sys/types.h>函数原型&#xff1a;int mkdir(con…

多行文本省略,点击展开显示全部内容

方法一&#xff1a;利用多行文本省略号 css部分 <style>.many-txt{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}.all-txt{overflow : hidden;text-overflow: ellipsis;display: -webkit-box…