• element表单有值但验证仍显示为空_和eltree连用赋值


    问题

    element 表单增加了rules规则,其中一个input输入框不能为空,input的值和el-tree关连

    操作如下:

    1.点击表单input

    2出现弹出框,弹出框内有el-tree,点击el-tree的值A,

    3.弹框自动关闭,A自动赋值到input中,

    4.此时element的验证会显示input中并没有值,然而我们可以看到input中是有值A的。

    5.二次点击input,选取el-tree的值,表单验证通过

    原因

    出现这个问题,是因为rules规则input上{trigger:blur}(失去焦点时验证表单内容)。点击input,出现弹出框,此时input失去焦点,并且input确实没有值,所以失去焦点会触发rules验证;当el-tree上的值赋值给input时,没有“失去焦点”操作,所以rules不会进行验证,而是维持上一次的验证结果,即提示用户没有输入值。

    解决

    解决方法一:点击input,给input赋值如”请输入xxx“,然后出现弹出框(弹框会遮挡住input内容,所以不影响页面展示)

    解决方法二:rules中input的规则改为{trigger:change}(实际使用发现这个效果更好)

  • 相关阅读:
    Selenium IDE安装及环境搭建教程
    菜鸟学自动化测试(一)----selenium IDE
    seleniumIDE回放找不到页面元素
    selenium报错汇总
    利用saltstack初始化OpenStack服务器环境
    工作机会
    使用state模块部署lamp架构
    tar命令
    svn备份
    MAC电脑密码破解
  • 原文地址:https://www.cnblogs.com/liuXiaoDi/p/15980066.html
Copyright © 2020-2023  润新知