zoukankan      html  css  js  c++  java
  • elementUi中input输入字符光标在输入一个字符后,光标失去焦点

            bug描述:elementUi中input输入字符光标在输入一个字符后,光标就退出,无法输入需要再次聚焦然后输入一个字符又再次退出。

           首先,用elementUi正常用v-model绑定输入的值是不会造成光标退出的,原因是用了局部作用域插槽并且table的外层包了一层表单,导致光标输入,table下的数据刷新,导致table重绘,光标失去焦点,首先声明不建议大家这样写代码,如果要要增加一个table中的表单校验功能,建议大家把el-form表单放入table内的作用域插槽中,这样更加容易理解,好了,先说下如图这种代码的解决方案,我最后也是用这种方案解决的。

    解决办法是table绑定一个初始化的模拟数据,,插槽内绑定页面渲染的数据,当输入框数据变化时,table绑定的数据并没有发生变化,不会导致table重绘,页面也可正常校验

  • 相关阅读:
    java实现httpclient 访问
    推荐博文
    Running With xpi
    1 Spring MVC 原理
    windows服务相关
    求职面试三部曲
    使用mvn插件执行工程单元测试OOM的解决办法
    maven-surefire插件问题
    小问题
    NFA到DFA实例
  • 原文地址:https://www.cnblogs.com/jiajialove/p/10740217.html
Copyright © 2011-2022 走看看