- 博客(3)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 el-transfer 回显时右边自动勾选全选按钮后需要点两次移动按钮才能移入到左边
最近在做穿梭框时发现当选中数据后再次打开弹窗，数据回显后会全选右边的数据，导致点击移除安按钮时，第一次点击没有反应，需要点两次才能移除，影响正常交互。注：弹窗打开时vue实例上的transfer可能为空，需要判断一下右边是否存在数据，存在数据才去情况已选中的数据。解决方法：在打开弹窗的方法中，将穿梭框ref中的右边选中的数据清空。
2025-01-08 10:35:30
189
原创 vue封装checkbox组件时，选择一个数据时会提示校验不通过
思路：利用子父组件传值，子组件emit事件update更新输入框的值时，父组件接收时通过@update:message="changeMessage" 函数接收，在函数内判断当前传回的数据是否为空，如果不为空，则调用 this.$refs.form.clearValidate(s.prop)清除当前表单校验，如果为空则调用this.$refs.form.validateField(s.prop) 添加校验。$emit将当前组件数据传回父组件。在函数中判断当前选择的数据是否为空。
2022-11-23 11:05:54
1147
原创 elementUI中select下拉框设置了多选multiple之后 一进页面就触发校验bug
封装select组件时，预留了多选的配置，但是配置过后发现，一进入组件后select组件会自动校验，百度了，大概都是说的时选择器输入框在data中的初始值。created钩子函数中，判断当前是否传入multiple参数，如果有传入表示多选，可以将钩子函数中将表单的初始值改为空数组 [ ] ，
2022-11-22 10:46:16
2970
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人