求路过大佬帮忙,万分感谢,关于vue input使用required二次失效问题
发布于 4 天前 作者 ab8512 57 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

问题:
执行创建方法创建工单–在删除工单–在创建工单时,没点input,input自动获取焦点,required无法限制不为空,即点击确定不提示直接创建了空工单
这是效果图

直接先上代码
这是弹框

date里的rules

这是添加的方法

这是删除的方法

3 回复

input 获取焦点 原因:
autofocus是vue中input的原生属性,element也支持这种方法,
但是element中的el-input组件外面还有其他组件, 导致autofocus失效, 只能手动调用focus方法来聚集。
绑定ref

this.$refs.myNameId.focus();

好的
谢谢
。。。。。。。。。。。。。。。。。。。。

if (valid) {

有数据,正常添加的代码。

    } else {

      return false

    }

你看一下没数据的时候要return false, 看能不能阻止提交。

回到顶部