前端知识小结（三）

1.JSON.parse(JSON.stringfy())进行深拷贝方法小结----转发

可结合push用于对于一个数组里对象的复制，同时可用splice对数组对象进行删除.
复制-----【数组名】.push(JSON.parse(JSON.stringfy(【对象名】)))
删除------【数组名】.splice(index,1)

2.vue中使用rules对表单字段进行验证—转发

在2写在行内中，原文Data没有数据，也可写为

data() {
    return {
        // 省略别的数据定义
        ...
        
        // 表单验证
        formRules: {
            userName: [
                {required: true,validator: (rule, value, callback) => { callback() },trigger: "blur"}
            ]
        }
    }
}

然后进行校验。
以上所有知识点可参看：“vue element table中自定义一些input的验证操作”其中数组的复制push，删除splice，以及多个表单验证都运用到了。

3.前端后端接口数据上送和返回

this.----代表前端数据

//浅拷贝前端数据，然后若有数据可再处理，进行上送
const backEnd_data = Object.assign(target: {}, this.web_data)
backEnd_data.name=this.web_data.name+''
//浅拷贝后台返回的数据，然后若有数据可再处理，在页面上显示
const web_data1 = Object.assign(target: {}, res.data)
this.web_data.price=web_data1.price||'0'

其中Object.assign()方法如何拷贝数据可点击链接查看