子组件传值父组件数据刷新的问题-爱伦尔生活百科

子组件传值父组件数据刷新的问题

电脑手机 2024-11-25 15:50:01 684

子组件监听值改变，自定义一个事件，在父组件使用时该事件为接收数据接口事件

子组件传值父组件数据刷新的问题

子组件：监听open值的变化，自定义事件 this.$emit("refreshPart")

watch: {
        open: {
            handler(val) {
                this.inputValue = val
                if (!val) {
                    this.contractSectId = ''
                    this.$emit("refreshPart")
                }
            }
        }
    },

父组件：接收事件 @refreshPart="getPartInfo"

父组件接口赋值事件

getPartInfo() {
            this.partOptions = [];
            listPartialTree({
                teamId: this.form.teamId,
                projectId: this.form.projectId,
                contractSectId: this.form.contractSectId
            }).then(res => {
                this.partOptions = res.data;
            });
        },

子组件代码