vue的几个记录

1.父组件传递子组卷数组参数

props: {
boxData: {
type: Array,
default: () => [], //重点
},

2.要实现父组件传递子组卷的参数动态更新

(父-》子-》子,也只需要在最后一个子组件监听即可。)

需要用到监听器

watch:{
//监听父组件传递的参数,以动态更新
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();

4.解决复选框组数据不同步更新的问题
使用set方法,1参:对象,2参:对象里的属性,3参:要赋予的值

this.$set(this.formData, 'checkList', tmpList)
posted @ 2023-04-10 08:40  不加班不熬夜的男子  阅读(9)  评论(0编辑  收藏  举报