博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue复用新增和编辑表单
阅读量:4111 次
发布时间:2019-05-25

本文共 1950 字,大约阅读时间需要 6 分钟。

  1. 将数据放到computed中,不能放到data中,如果放到data中则在表单中的input,select等的v-model属性是不能赋值的,如:v-model='form.type_id',如果新增,那么form.type_id是没有内容的,会报错,cannt read property type_id of null,尝试实用lodash_.get(form,'type_id',0)会报错,filter也不行。
  2. 代码
取 消
确 定
computed: {            form() {                if (this.formData === null) {                    return {                        utype_id: '',                        ugoods_name: '',                        price: 0,                        stock: 0,                        status: 1,                        picture: '',                    }                } else {                    return this.formData;                }            }        },      data() {            return {                formData: {},                action: '',                isOpenModal: false,            };        },        mounted() {            this.getData();        },        watch: {            isOpenModal(newV, oldV) {                console.log(oldV, newV)                if (newV !== oldV && newV === false) {                    this.formData = {};                }            }        },

转载地址:http://clrsi.baihongyu.com/

你可能感兴趣的文章
pytorch
查看>>
pytorch(二)
查看>>
pytorch(三)
查看>>
pytorch(四)
查看>>
pytorch(5)
查看>>
pytorch(6)
查看>>
ubuntu相关
查看>>
C++ 调用json
查看>>
nano中设置脚本开机自启动
查看>>
动态库调动态库
查看>>
Kubernetes集群搭建之CNI-Flanneld部署篇
查看>>
k8s web终端连接工具
查看>>
手绘VS码绘(一):静态图绘制(码绘使用P5.js)
查看>>
手绘VS码绘(二):动态图绘制(码绘使用Processing)
查看>>
基于P5.js的“绘画系统”
查看>>
《达芬奇的人生密码》观后感
查看>>
论文翻译:《一个包容性设计的具体例子:聋人导向可访问性》
查看>>
基于“分形”编写的交互应用
查看>>
《融入动画技术的交互应用》主题博文推荐
查看>>
链睿和家乐福合作推出下一代零售业隐私保护技术
查看>>