kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
30 lines (26 loc) • 889 B
Markdown
具有数据收集、校验和提交功能的表单,包含复选框、单选框、输入框、下拉选择框等元素。
- 用于创建一个实体或收集信息。
- 需要对输入的数据类型进行校验时。
在 `Modal` `Drawer` 中 , 如果要在打开Modal 或者 Drawer 的时候对表单 进行重置, 请使用异步 :
```javascript
// 组件在open 的之前 也就是没有完全渲染完毕, 这个时候 读取 dom 对象是 undefined,
// 子组件没有渲染完毕 this.$refs.form 为 undefined, 所以无法重置
// 使用异步方式
// 当然也在 Modal 或者 Drawer @close 的时候 重置表单
export default{
methods :{
reset(){
this.$nextTick(()=>{
this.$refs.form.reset()
})
// 或者
setTimeout(() => {
this.$refs.form.reset()
}, 0);
}
}
}
```