当前位置:网站首页>【已解决:el-input标签无法输入或不显示文字】
【已解决:el-input标签无法输入或不显示文字】
2022-07-30 05:46:00 【程序猿阿嘴】
项目场景:
Springboot+Vue+Element Plus 实现关键字查询
vue版本:3.2.13
Element plus版本:2.0.5
问题描述:
input输入框无法及时更新数据,输入法有响应但是输入框没有内容。
我这里是点击了button后input输入框才会有数据,并且数据不一定完整
<div style="margin: 10px 0">
<el-input v-model="search" style="width: 20%;" clearable placeholder="请输入关键字"/>
<el-button type="primary" @click="load" style="margin-left: 5px">查询</el-button>
</div>
解决方案:
为el-input标签的input事件绑定onInput()方法,在方法中实时刷新数据,代码如下
<div style="margin: 10px 0">
<el-input v-model="search" @input="onInput" style="width: 20%;" clearable placeholder="请输入关键字"/>
<el-button type="primary" @click="load" style="margin-left: 5px">查询</el-button>
</div>
methods: {
onInput() {
this.$forceUpdate();
}
边栏推荐
- Kunlun State Screen Production (serialization 4) --- Basics (graphical setting and display, button lights)
- 二进制到汇编:进制,原码反码补码,位运算,通用寄存器,内存一套打通
- 服务器基础知识:包含基本概念,作用,服务器选择,服务器管理等(学习来自米拓建站)
- 昆仑通态屏幕制作(连载4)---基础篇(图形设定与显示,按钮灯)
- QT连载3:基于QT和STM32H750的LORA试验平台(2)
- Difference between logical shift right and arithmetic right shift
- QT serialization 1: readyRead() function, the solution to incomplete data subcontracting
- 边境的悍匪—机器学习实战:第一章 机器学习的基础知识
- this的指向问题
- IEEE在指定期刊下搜索相关论文
猜你喜欢
Kunlun state screen production (serial 3) - based article (button serial port to send)
TCP为什么要三次握手,握手过程中丢包会怎么样?
FPGA parsing B code----serial 1
QT连载1:readyRead()函数,数据分包不完整解决办法
Antd 树拖拽一些细节,官网没有,摸坑篇
QT每周技巧(1)~~~~~~~~~运行图标
[Jiangsu University Self-Chemistry Association stm32F103c8t6] Notes [Introduction to 32 MCUs and Using TIM Output to Compare and Configure PWM]
QT连载4:基于QT和STM32H750的LORA试验平台(3)
【速成MSP430f149】电赛期间学习MSP430f149笔记
i++与 ++i 的区别
随机推荐
jvm之逃逸分析
关于报错vscode
survivor区对象何时进入老年代(深入理解jvm中表述不准确的地方)
闭包和作用域(你不知道的JS自用笔记)
xftp的简单使用
QT串口和CAN数据动态实时显示最后日志
2021-09-16 集成学习上--task1机器学习数学基础
如何判断 PCB 板是否变形?
【速成MSP430f149】电赛期间学习MSP430f149笔记
QT weekly skills (3)~~~~~~~~~ serial port addition
动态规划进阶 JS
Difference between logical shift right and arithmetic right shift
探究make_shared效率
Kunlun State Screen Production (serialization 4) --- Basics (graphical setting and display, button lights)
虚拟机栈帧结构
OpenLayers 初学者指南,源码测试可用
[Jiangsu University of Science and Technology Automation Association stm32F103c8t6] Notes [Initial 32 MCU and TIM timing interrupt initialization parameter configuration]
NS3报错 fatal error: ns3/opengym-module.h: No such file or directory
给Vscode配置ESlint语法检查 — ESLint 插件自动格式化设置(实现Ctrl+S 按照ESLint规则自动格式化代码)
[Punctuality Atom] Simple application of sys.c, sys.h bit-band operations