vue中用watch监听复杂数据类型-首次赋值监听

项目中会有一些列表展示信息,而这些列表一般会有增删改除的功能,而新增和修改一般会用同一个表单来实现。当我们修改列表调用组件传值,回填数据时,会有watch来 监控数据变化,有的情况可能首次进入就需要监听,使用immediate:true来实现;监控复杂数据类型,需要用到深度监听deep: true

'model':{
	deep:true,  //model 是一个obj对象,需要深度监听
	immediate: true, // immediate选项可以开启首次赋值监听
	handler (newData,oldData){
		console.log(newData)
		console.log(oldData)
		if(newData){
			for(let key in this.FormField){
				this.FormField[key] = newData[key]
			}
			if(this.FormField.fileName){
				this.fileList = [{name:this.FormField.fileName}]
			}else {
				this.fileList = []
			}
		}
	}
},

你可能感兴趣的:(Vue,vue)