首页 > 其他 > 详细

vue父向子组件传递this,子向父组件传递方法

时间:2021-07-28 14:17:07      阅读:16      评论:0      收藏:0      [点我收藏+]

在vue中,父子组件传参数

在子组件中,获取 父组件的参数,传递方法

父组件中的子标签
<son :parent="this" @comfirmParam="getFilterData" >子组件</son>
    data() {
        return {
            name:"黑波利"
        };
    },
    methods: {
        getFilterData(params) {
            console.log(params);
        },
    },
子组件中的代码
<button @click="click"><button>

<script>
export default {
    props: ["parent"],
    data() {
        return {
            params: { name: "小熊" },
        };
    },
    methods: {
        click() {
            this.$emit("comfirmParam", this.params);
            console.log(this.parent.name)
        },
    },
};
</script>

 

vue父向子组件传递this,子向父组件传递方法

原文:https://www.cnblogs.com/bigbang66/p/15069795.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!