vue中子组件像父组件传值

最新推荐文章于 2023-12-25 09:42:18 发布

卑微->a闫

最新推荐文章于 2023-12-25 09:42:18 发布

阅读量75

点赞数

分类专栏： vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/hhhhs2/article/details/115382828

版权

vue.js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

 <div id="app">
        <child ref="child"></child>
        <button @click="zizujian">获取子组件</button>
    </div>

   var idiv = document.getElementById("div")
    Vue.component("child", {
        data() {
            return {
                msg: "我是子组件 你把我获取了"
            }
        },
    //     template: `
    //  <div>这是一个子组件</div>`
    
    })
let vm = new Vue({
    el: "#app",
    data: {},
    methods: {
        zizujian() {
            console.log(this.$refs.child.msg)
        }，
    }

})

在这里插入图片描述