【无标题】

VUE项目开发中遇到的问题:

1. * 用户想要实现对于具有勾稽关系的一组下拉框,自上而下 按照正确的勾稽关系选择之后,保存到数据库,当重新进入这个页面进行修改,改变其中一个父级的选项,将受影响的子级回显值清空,不受影响的不清空。

  • 暂定处理方案:对于父级改变之后子级全部清空,让用户重新选择(防止出现不正确的勾稽关系的选择入库)。

2. 在处理下拉框数据回显的时候出现回显失败,加载出下拉框内容对应的value值,

原因:由于当前下拉框中不存在回显数据对应的label值,会加载失败。所以在常规的开发过程中尽量不要更换下拉框或者checkbox等组件中使用的value值(选项对应的字典编号值)。

3. 在开发中发现对于elementui 中select组件点击同一个下拉框中的选项时不能再次触发change函数,只有监听到前后两次选择不同才会触发事件。

所以在处理具有勾稽关系,即上下关系存在关联的时候使用select组件的focus事件

4. 对于项目开发中需要的数据结构嵌套层级比较多的情况,可能会出现数据赋值之后,页面不能正常显示新的数据值,

处理方案:使用VUE的nextTick()、set(),或者forceUpdate()尝试。另外在数据回显出现问题时,考虑是否对数据初始化,当初始化数据结构与页面所需的结构不同时,会有报错。(比如checkbox、select 的多选)

5. elementui 中的单选(radio组件)不支持重复选择取消的功能。客户要求对于不必填的题目,可以支持重复点击取消操作。

处理方案:在radio 的option的选项上增减click函数
在这里插入图片描述
在这里插入图片描述
6. 补充说明下VUE项目中的修饰符
在这里插入图片描述
表单修饰符:
在这里插入图片描述

事件修饰符
在这里插入图片描述
在这里插入图片描述
鼠标按钮修饰符
在这里插入图片描述

键盘修饰符
在这里插入图片描述

v-bind修饰符
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值