vuejs子组件赋值失败解决方法

在for循环动态赋值的时候发现有部分数据赋值失败，下面给大家介绍一下解决方法！

数组赋值失败

for (let i = 0; i < _thisR.length; i++) {
	for (let j = 0; j < _thisA.length; j++) {
	  if (_thisR[i].typeValue == _thisA[j].value) {
		//_thisR[i].list = constant[_thisA[j].options];赋值成功靠运气，彻底解决方法用下面的
		_thisR[i].list = [...constant[_thisA[j].options]];
		this.$forceUpdate();
	  }
	}
  }

值已经存在，但子组件获取的数据是空

方法一：

//template
{{ checkRulesLabel }}

//props
props: {
  checkRulesLabel: {
    type: String,
    default: function() {
      return "";
    }
  }
},

//watch
watch: {
  checkRulesLabel() {}
}

方法二：

//如果需要传参到data
//template
{{ title }}

//props
props: {
  checkRulesLabel: {
    type: String,
    default: function() {
      return "";
    }
  }
},

//data
data() {
  return {
    title: ""
  };
},

//watch
watch: {
 checkRulesLabel: {
    handler(val) {
      this.title = val; 
    },
    immediate: true
 }
}