1.父组件传递子组卷数组参数
props: {
boxData: {
type: Array,
default: () => [], //重点
},
2.要实现父组件传递子组卷的参数动态更新
(父-》子-》子,也只需要在最后一个子组件监听即可。)
需要用到监听器
watch:{标签:vue,记录,几个,watch,focus,deep,boxData,组件,true From: https://www.cnblogs.com/zkj1204/p/17301663.html
//监听父组件传递的参数,以动态更新
boxData:{
handler(newValue,oldValue){
this.columns = this.boxData;
},
immediate:true,
deep:true
}
},
我这个数组参数传递过去,watch这里如果不谢deep:true,则实现不了动态更新。
3.解决某个input的focus问题
先配置好:ref,然后找到当前对象,进行强制对焦
selfthis.$refs[obj[Object.keys(obj)[0]][0].field].focus();