首页 > 其他分享 >使用elementui中el-input时无法输入问题

使用elementui中el-input时无法输入问题

时间:2023-08-01 11:15:17浏览次数:43  
标签:el elementui 查询 input forceUpdate 输入

因为要生成动态查询,所以想把查询字段转为动态添加的,然后使用el-input时候,发现el-input无法输入,然后打印出来的话就只能显示输入的第一个字符,

后来查询了网上的办法发现,这是因为嵌套太深了,办法是 需要 $forceUpdate() 强制刷新

输入框:

<el-input style="width: 150px;margin-top: 10px;" :style="{'margin-left':index===0?'0px':'10px'}"           v-for="(inputItem,index) in queryCondition"           :placeholder="'按'+inputItem.columItemLable+'查询'"           v-model="selectCondition[inputItem.columItemName]"           :key="inputItem.columItemName"           @input="check"      clearable>    </el-input>
  方法:

methods:{
  check(val){
    this.$forceUpdate(); //强制刷新
  }
}

参考 https://blog.csdn.net/libusi001/article/details/127354352

 

标签:el,elementui,查询,input,forceUpdate,输入
From: https://www.cnblogs.com/luzanzan/p/17595915.html

相关文章

  • 7种方法!教你如何使用Telerik UI for ASP.NET定制编辑器
    TelerikUIforASP.NETCore是用于跨平台响应式Web和云开发的最完整的UI工具集,拥有超过60个由KendoUI支持的ASP.NET核心组件。它的响应式和自适应的HTML5网格,提供从过滤、排序数据到分页和分层数据分组等100多项高级功能。TelerikUIforASP.NETCore的编辑器是一个多功能的所......
  • 生产消费模型-使用channel控制生产速度
    packagemainimport("fmt""sync")typeProducerstruct{IDintDataStreamchanintWaitGroup*sync.WaitGroup}func(p*Producer)Produce(concurrency<-chanstruct{}){deferp.WaitGroup.Done(......
  • pandas模块--------------------------------相同(不同)文件夹下相同格式的Excel表格数
    上代码:importpandasaspdimportos#文件路径file_dir=r'C:/Users/Administrator/Desktop/test/'#构建新的表格名称new_filename=file_dir+'/new_file.xlsx'#找到文件路径下的所有表格名称,返回列表file_list=os.listdir(file_dir)new_list=[]forfileinfile_list:......
  • git help
    See'githelp<command>'toreadaboutaspecificsubcommandMainPorcelainCommandsaddAddfilecontentstotheindexamApplyaseriesofpatchesfromamailboxarchiveCrea......
  • 网工应用层:电子邮件Email、SMTP协议与使用Telnet发送电子邮件
    参考资料:https://www.bilibili.com/video/BV1c4411d7jb?p=72&vd_source=e66dd25b0246f28e772d75f11c80f03c湖科大的高军老师做的计算机网络课,去年选修的计网全靠高老师,生动,举例丰富,配套实验课,无废话纯干货,单推一波!电子邮件介绍电子邮件(E-mail)是一种用电子手段提供信息交换的......
  • elm
    elm纯文本邮件客户端程序补充说明elm命令是一个E-mail客户端管理程序,它提供了纯文本交互式全屏幕界面。语法elm(选项)选项-s<邮件主题>:指定新邮件的邮件主题;-f<目录>:开启程序时,读取指定的目录;-h:显示帮助;-i<文件名>:将文件内容插入送出的邮件中;-m:进入elm后,不显示指令说......
  • ugui学习 - 自己实现InputField鼠标点击调整光标位置,拖拽修改选中区域
    效果 代码usingUnityEngine;usingUnityEngine.EventSystems;usingUnityEngine.UI;publicclassMyInputField_CaretDragOp:MyInputField_TextSelect,IDragHandler,IPointerDownHandler{publicvoidOnPointerDown(PointerEventDataeventData){......
  • ugui学习 - 自己实现InputField的文本选中
    效果 代码把光标闪烁拿掉了usingUnityEngine;usingUnityEngine.UI;[DisallowMultipleComponent][RequireComponent(typeof(CanvasRenderer))][RequireComponent(typeof(RectTransform))]publicclassMyInputField_TextSelect:MonoBehaviour,ICanvasElement{......
  • [Pwn之路]根据所给库,获得远程同环境——使用patchelf的正确姿势
    原文:https://www.freebuf.com/sectool/366854.html存自己这里方便看。0x00前言如何修改本地pwn文件和题目所给环境一致,从而进行调试,这是从学习堆开始就遇到的心头之患。从那以后,直到今天参加完miniLCTF,为了复现一道题目才把这个问题解决掉。网上的博客,参差不齐,由于本人不才,导......
  • Day 7: Shell数组和循环操作
    学习目标学习内容1.数组的定义和赋值2.数组的遍历for循环遍历数组长度3.练习任务大树哥个人信息学习目标学习Shell中的数组和循环操作。掌握数组的定义、遍历和操作方法。练习编写脚本,使用数组存储和处理数据。学习内容今天我们将学习Shell中的数组和循环操作,这......