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修饰符