总结Vue+elementui搭建项目时,个人遇到的问题,以及如何解决问题

总结Vue+elementui搭建项目时,个人遇到的问题,以及如何解决问题?罗列出来希望大家可以避坑!
1.问题:验证码输入框无法写入数字!

在这里插入图片描述
期望:能够输入字母和数字混合一起

解决:验证码一栏的里有个v-model.number="ruleForm.code"把.number去掉,不然输入验证码的时候先输入了数字就不能再输入英文字母了
在这里插入图片描述

2.问题:注册,登录获取验证码失败时,当前按钮"禁用",无法点击

在这里插入图片描述
期望:注册,登录获取验证码失败时,当前按钮可点击重新获取验证码
在这里插入图片描述
解决:在这里插入图片描述

3.弹窗表单添加信息时,没有及时更新数据,但可手动刷新

期望:弹窗表单添加信息时,立即更新数据
解决:在这里插入图片描述
4.登入成功后,页面还存在定时器,如果多次登入,就存在多个定时器,容易产生定时器错乱问题
在这里插入图片描述

5.element-ui中 cascader级联选择,解决编辑时无法回显数据问题?

分析:懒加载的级联下拉框无法回显是因为,只绑定了model的值,没有options的数据支撑的话,获取不到节点的内容导致

解决:给cascader组件添加placeholder属性,当编辑时请求的接口已经返回当前数据级联的数据。
在这里插入图片描述
cascader组件只有在初始化的时候会加载一次v-model所绑定对应的数据,所以初始化一次数据就可以拿到数据父级数据,然后子组件就可以接受数据进行赋值操作!
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值