程序员经验分享-hwhale

Vue input输入框回车以后自动刷新页面

2023-11-05

今天测试提了一个bug，输入框输入barCode时，按下回车键应该是录入数量，但是却直接刷新页面了，一起来探究一下为什么？

原因：W3C 标准中有如下规定：当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。 

解决方案： 

可以在标签上添加 @submit.native.prevent。

<el-form label-position="top" size="mini" :inline="true" :disabled="disabledByExtract" @submit.native.prevent>

 <el-input v-model="scanInput.scanResult.value" :text.sync="scanInput.scanResult.text" 
 :disabled="!item.organizationId || disabledByExtract" 
 @change="handleProductSkuScanChange"> 
 </el-input>

</el-form>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

javascript

html5

前端

Vue input输入框回车以后自动刷新页面 的相关文章

随机推荐

  • kali2021.2 安装及parallels tools

    看到网上十分零碎的安装方法 这里汇总了一下 经测试已成功 https www wolai com ckwalter s1Y51qyJDu7T4jv5hgdzB8 theme dark

  • 将代码复制到word里保留格式_如何让word中代码更美观

    转载 知乎 大块小屋 原文链接 https zhuanlan zhihu com p 108483150 写论文遇到最头大的事情 就是在word中插入代码时 格式全乱了 非常不美观 怎么又快又美的在word中插入代码 怎么让word中的代码

  • Linux下的多进程编程初步(转载)

    最近在学习linux环境高级编程 多进程编程算是编程中的最重要的一个部分了 本文让我学习和明白了很多 所以转载过来 让更多想多线程编程的人学习 只有顶到首页才能让更多的人学习 文章摘要 多线程程序设计的概念早在六十年代就被提出 但直到八十年

  • Tomcat启动乱码问题解决

    Tomcat 控制台UTF 8乱码问题 1 修改cmd的编码格式 快捷键win R打开运行程序 输入regedit打开注册表 找到以下路劲并且修改 HKEY LOCAL MACHINE SOFTWARE Microsoft Command

  • list怎么删除元素和ConcurrentModificationException

    当面试官 怎么删除list里面的元素 我 用for循环 活着迭代器 举例 循环 迭代器 看出什么问题了吗 对同一个集合遍历的不能删除 怎么解决 1 拷贝一份 一个用来遍历 一个用来删除 2 不用list的remove方法 用迭代器的remo

  • 【马士兵】Python基础--12

    Python基础 12 文章目录 Python基础 12 字符串比较 字符串切片 格式化字符串 字符串的编码与解码 知识点总结 字符串比较 print apple gt app print aanan gt banan print ord

  • RabbitMQ消息队列的总结

    什么是消息队列 MQ全称为MessageQueue 消息队列 MQ 是一种应用程序对应用程序的通信方法 应用程序通过写和检索出入列队的针对应用程序的数据 消息 来通信 而无需专用连接来链接它们 消息传递指的是程序之间通过在消息中发送数据进行

  • Java 高级篇：JVM 垃圾回收机制

    Java 语言的一大优势在于其具有自动垃圾回收 Garbage Collection GC 机制 让开发者无需关心内存的分配与释放 本文将详细解析 JVM Java Virtual Machine 中的垃圾回收机制 带你深入了解 GC 如何

  • 深度学习和语音系列教程 5-100：求共振峰

    文章目录 1 基音频率 1 1 基音频率的查看 2 共振峰的获取 2 1 倒谱法求共振峰 2 2 测试结果 2 3 共振峰位置坐标 2 4 多种情况下的共振峰测试 1 基音频率 1 1 基音频率的查看 基音频率就是发浊音时 气流通过声门使声

  • 在此计算机上运行应用程序不可选,win10提示此应用无法在你的电脑上运行若要找到适用怎么解决...

    最近有朋友问小编win10提示此应用无法在你的电脑上运行若要找到适用于你的电脑的版本 请咨询软件发布者应该怎么办 对于这样的问题 相信很多朋友都遇到过了 有时候我们经常会遇到这种情况 例如在win10系统中打开excel就可能会遇到这个错误

  • windows10清理鼠标右键菜单

    windows10清理鼠标右键菜单 文章目录 windows10清理鼠标右键菜单 前言 一 右键菜单管理 二 使用步骤 1 打开软件 2 选择不显示的菜单 效果 前言 系统右键菜单过长 挺烦人的 一般网上给出的答案都是修改注册表 对于小白来

  • 互联网世界的 “人工智能”——探秘 “深度学习” 的前世今生

    编者按 本文来自 流浪汉 投稿 ZhangLumin 一个在硅谷工作的码农 有机器学习背景 平常对产品方面很有兴趣 最近一段时间里 Facebook Google Yahoo 百度等各大公司都在尝试将深度学习 deep learning 算

  • 位图--排序

    位图使用基本情况 一个字节有8位 假设第0位表示0 第1位表示1 那么一个字节就可以表示8个数字 整数序列 0 1 4 7 在位序列中表示为10010011 左边第一位为低位 表示有效数字0 位序列如何表示 Java 整形int 用4个字节

  • java中重写父类方法加不加@Override

    java中重写父类方法加不加 Override 这个是我在刚学习java时遇到的问题 希望能给像我一样的新手学习时带来帮助 如有错误请指正 谢谢 class Father public String name public int age

  • python print带颜色乱码无效

    乱码了 那么导入库 并且进行init 即可 import colorama colorama init autoreset True print 033 1 31 40m 测试 print 033 1 32 41m 测试 print 033

  • “模块计算机类型“x64”与目标计算机类型“X86”冲突解决方案

    最近在编译一款开源软件的时候 遇到了 模块计算机类型 x64 与目标计算机类型 X86 冲突的问题 网上查了好多资料 都是配置 链接器 高级 目标计算机 和选择X64平台编译器 可是怎么试都不行 最后发现是 命令行 里依然是 X86 的问题

  • Java多线程面试题及答案

    这篇文章主要是对多线程的问题进行总结的 因此罗列了40个多线程的问题 这些多线程的问题 有些来源于各大网站 有些来源于自己的思考 可能有些问题网上有 可能有些问题对应的答案也有 也可能有些各位网友也都看过 但是本文写作的重心就是所有的问题都

  • 向量正交 与 函数正交

    目录 1 向量内积和外积 1 1 向量内积 点乘 1 2 向量外积 差乘 2 向量的正交 3 函数的正交 4 函数正交的意义 1 向量内积和外积 1 1 向量内积 点乘 假设 a a1 a2 an b b1 b2 bn 则a与b的内积为 a

  • Android开发之多Fragment切换优化(解决切换卡顿)

    我想刚刚接触安卓的同学或许会这么写 FragmentManager fragmentManager getSupportFragmentManager FragmentTransaction fragmentTransaction frag

  • Vue input输入框回车以后自动刷新页面

    今天测试提了一个bug 输入框输入barCode时 按下回车键应该是录入数量 但是却直接刷新页面了 一起来探究一下为什么 原因 W3C 标准中有如下规定 当一个form元素中只有一个输入框时 在该输入框中按下回车应提交该表单 解决方案 可以

热门标签