iview 中 form中有个清空表单的方法，即假如给表单一个ref='form', 则清空表单的方法为this.$refs['form'].resetFields()
如下图 添加和新增共用一个form组件，通过点击table的操作编辑按钮带出数据后，会导致resetFields(）清除出现无效
// data 定义的属性
form: {
user: ""
}
，
methods:{
// 但在通过编辑按钮赋值后，这个时候form表单会默认这个新赋的值为初始值
edit(val) {
this.form.user = val.user
}
}
解决办法
// data 定义的属性
form: {
user: ""
}
，
methods:{
// 但在通过编辑按钮赋值后，这个时候form表单会默认这个新赋的值为初始值
edit(val) {
this.$nextTick(() => {
this.form.user = val.user; // 这里开始赋值
})
}
}
iview 中 form中有个清空表单的方法，即假如给表单一个ref='form', 则清空表单的方法为this....
首先点击添加和编辑都是用的同一弹框内容，所以内容部分用了v-if判断是否显示，这样就会导致一个问题，就是如果你先点...
Vue + iview-ui 遇到 iview内的table没有原生table那种列宽自适应功能,在iview t...
在Vue项目中目前使用频率较高的UI组件库有ElementUI和iView，而我们当前这个项目选择了iView作为...
1，基于Vue.js、 iview实现的项目管理系统vue-projectManage: 基于Vue.js实现的项...
要用vue + iView做一个管理后台. 安装使用VUE 安装iView 可以打开iview的官网：iview官...
1.vue-cli创建项目 2.使用iview组件库 iview中文文档 3.引入vuex 由于我们项目有多个mo...
记录一下个人在使用 VS Code 中的一些插件和设置。 该配置在编写 vue + iview 项目时使用...
环境 vue-cli项目，使用axios获取后台数据 template部分 逻辑部分 参考 vue iview t...
V-Shop Vue构建的小商店管理系统 预览地址 在项目中主要使用： vue-cli 构建项目 iview 实现...
本文标题：16.记录Vue项目iview resetFields(）遇到的
本文链接：https://www.haomeiwen.com/subject/ggyonktx.html
网友评论