一个输入框有值就让另一个输入框值为空

最新推荐文章于 2023-05-30 06:15:00 发布
最新推荐文章于 2023-05-30 06:15:00 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： vue element-ui js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43565820/article/details/92769223
版权
vue 同时被 3 个专栏收录
23 篇文章 0 订阅
订阅专栏
js
18 篇文章 0 订阅
订阅专栏
element-ui
15 篇文章 0 订阅
订阅专栏

因为用vue第一个想到的是用watch,然后直接监听a值变化让b值为空,b值变化a值为空,结果就成了一个循环,达不到期望值,
解决办法:
当一个输入框获取焦点后,存储状态,然后在监听的时候加上这个状态就不会存在问题了

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

吃饭不吃肉
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
通过下拉框的值来确定输入框是否可以为空的代码
09-05
本节只是为了做一个记载，实现一个简单的验证是否需要预占下来框有是和否两个值，当选择“是”时，资源预占原因输入框必须输入值，否则不能跳转，当选“否”时，不需要验证资源预占原因输入框
vue项目中axiso的使用及封装
weixin_46995731的博客
10-12 1949
vue项目中axiso的使用及封装 前言 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库， 它是基于promise的http库，可运行在浏览器端和node.js中。axios有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。 在一个完整的项目中，和服务端的交互会很频繁，一个项目会有很多请求，冗余代码很多。所以将请求封装，统一管理还是很有必要的。 本文介绍的axios的封装主要目的就是在帮助我们简化项目代码和利于后期的更新维护,此文章引用来自。在封装
安卓EditText输入框相关-根据EditText的值是否为空控制Button按钮是否能够点击。当EditText是空的时候Button按钮为灰色不能点击当EditText有值的时候Button按钮为蓝色可以点击.rar
07-29
根据EditText的值是否为空控制Button按钮是否能够点击。当EditText是空的时候Button按钮为灰色不能点击，当EditText有值的时候Button按钮为蓝色可以点击.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
vue遍历生成的输入框 绑定及修改值示例
01-19
对于vue遍历生成的输入框进行其值的修改与保存是vue项目开发过程中的一种常规操作。这种操作的难点在于生成数量的不确定，不能在在组件中的data直接定义。 思路 获取生成的输入框数量 初始化数组，数组的长度与待绑定输入框数量一致 将每一个输入框的v-model与数组特定项进行绑定 实现代码 1.data中定义一个存放model值的空数组 data() { return { inputData :[] } } 2.将获取到的数组遍历，将获取到的值插入空数组 res.data.rows.map(v. => { this.inputData.push(v.desc)
vue项目移动端实现ip输入框问题
12-11
vue框架移动端做ip输入框组件，input在浏览器和微信端兼容问题。 要求：只能输入数字，输入数字以外的字符（包括点、冒号等数字符号）时自动跳到下一段ip输入框. type=number类型，不会禁止点的输入。手动过滤拿不到包括点字符的字符串.而且输入多个点之后，拿到的值为空. 解决办法：type=tel,只能输入数字，且可以获取到点字符的输入 问题：微信下keyup事件无效，回调事件中event.keyCode返回全是229. 解决办法：监听input事件，event事件对象中keycode为空，但是event.data返回输入字符，可以实现过滤. <template> <
vue实时监听input输入框中 输入内容
热门推荐
qq_38215042的博客
06-12 2万+
1：根据官方文档change 输入框内容变化时的回调 <a-input-search style="width: 15%;height:3%;margin-top: 15px;margin-left: 10px;" placeholder="input search text" @change="onChange"> <a-button slot="enterButton" > 搜索 </a-button&g
vue3项目中用element的数字输入框避雷：一个输入框值改变，影响所有都变？
weixin_56541403的博客
12-02 1501
vue3项目中用element的数字输入框避雷：一个输入框值改变，影响所有都变？
vue 两个input显隐切换时，保留原来数据或事件
yun_hou的博客
07-15 2206
问题描述，两个input点击按钮时做v-if切换，输入的值会扔保留，问题代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
vue中两个或多个input输入框必填一个原来可以这样实现！（输入框二选一必填校验函数+英文数字/中文数字正则）
sunwenpinglike的博客
02-04 5192
简单快速实现两个输入框必填一个加正则校验（用校验函数实现两个输入框必填一个，加输入框只能输入中文和数字，另一个只能输入英文和数字）保姆式教学！
Vue中input被赋值后，无法再修改编辑的问题解决
weixin_44314609的博客
08-09 1万+
根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
一个Input框值改变，另一个显示内容也改变
小虾米的成长之路
02-28 8612
HTML页面代码 &lt;div style="width: 100%;height: 100%;"&gt; &lt;span id="inp_1_spa"&gt;姓名&lt;/span&gt;&lt;input id="inp_1" oninput="inpChange('inp_1');" autocomplete="off"&g
vue监听键盘输入，实现多个＜input＞接替输入
可达鸭的博客
08-20 453
要实现一个类似手机上逐个输入验证码的组件，要求是输入一个数字自动跳转到下一个input，并且在重新输入时可以直接替换之前的数字，不用先删除，且逐个重新输入 <html> <div v-for="(k,i) in list" :key="k.i"> <input type="text" class="split-input" v-model="k.value" @input="@input(item,i)" maxlength="2" ><span&g.
VUE的input框赋值后无法进行编辑
qq_42753983的博客
04-20 925
【代码】VUE的input框赋值后无法进行编辑。
【bug记录】vue中input框修改时页面其他input的数值随之改变
x781054643的博客
03-20 862
vue中input框修改时页面其他input的数值随之改变
vue监听多个input改变_vue.js 1.x与2.0中js实时监听input值的变化
weixin_42105570的博客
12-31 1410
一、vuejs 2.0中js实时监听input在2.0的版本中，vuejs把v-el 和 v-ref 合并为一个 ref 属性了，可以在组件实例中通过 $refs 来调用。这意味着 v-el:my-element将写成这样： ref="myElement"， v-ref:my-component变成了这样： ref="myComponent" 。绑定在一般元素上时，ref 指DOM元素，绑定在组件...
vue 使用v-if切换输入框时，导致输入框的数据内容没有清空
учёба
05-30 728
如果是对加了表单验证的元素进行显示隐藏，当使用 v-show 时，元素隐藏了，但是表单验证依旧存在，valid 永远返回 false。，那便是：添加一个具有唯一值的 key 属性。如果代码中使用上述的进行输入框的切换，由此，vue提供一种方式来表示。
用于解决VUE前端el-iput输入框输入值完以后可以进行对输入值进行判断，并且可以被v-model所监听到
袁的博客
08-16 1241
用于解决VUE前端el-iput输入框输入值完以后可以进行对输入值进行判断，并且可以被v-model所监听到
vue 表格嵌套表单验证，填写了其中一个后另一个提示为必填项，俩个不填为非必填，
m0_49471668的博客
05-31 1132
<el-col :span="6"> <el-form-item label="证书名称:" prop="fileName" :rules="RecordOperation.upload[i].classHour?[{required: true, message: '请输入证书名称', trigger: 'blur'}]:[{required:false}]"> <el-input .
vue ant 两个文本框联动一个文本框输入内容 另外一个文本框 内容也变动
weixin_48616345的博客
03-18 898
vue ant 两个文本框联动一个文本框输入内容 另外一个文本框 内容也变动
element-ui 点击下拉框时判断另一个输入框中是否有值
最新发布
06-09
您可以在 element-ui 的下拉框组件中绑定一个 `click` 事件，然后在事件处理函数中获取另一个输入框的值进行判断。具体实现步骤如下： 1. 在下拉框组件上绑定 `click` 事件，例如： ```html <el-select @click="checkInput"> <!-- 下拉框选项 --> </el-select> ``` 2. 在事件处理函数中获取另一个输入框的值，例如： ```javascript checkInput() { const inputValue = this.$refs.input.value // 假设另一个输入框是一个带有 ref 属性的 input 组件 if (inputValue) { // 输入框有值，执行其他操作 } else { // 输入框为空，执行其他操作 } } ``` 在上述代码中，我们通过 `this.$refs.input` 获取到了另一个输入框的实例，然后可以通过 `value` 属性获取输入框的值进行判断。如果输入框有值，则执行某些操作；如果输入框为空，则执行其他操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值