父传子，关于清楚子组件提交之后页面的数据

最新推荐文章于 2024-05-31 07:16:53 发布

weixin_34137799

最新推荐文章于 2024-05-31 07:16:53 发布

阅读量248

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/3949469/blog/3032040

版权

2019独角兽企业重金招聘Python工程师标准>>>

父组件中代码：

html代码：

<el-dialog :visible.sync="isDeliveryDialogShow" width="30%" :before-close="handleClearData">
    <delivery ref="ref" :form="form" @isDeliveryDialogClose="isDeliveryDialogClose" ></delivery>
</el-dialog>

其中ref="ref" :before-close="handleClearData"

js代码：

handleClearData() {
    console.log('-----')
    this.$refs.ref.handleClearData()
}

子组件中代码：

js代码：

handleClearData() {
            this.$refs['form'].resetFields();
            this.express_order_image = '';
            this.$emit('isDeliveryDialogClose')
            console.log('111',this.express_order_image, this.form)
        },

这样就能实现子组件提交时内容的清除

转载于:https://my.oschina.net/u/3949469/blog/3032040