<template>
  <div>
    <div @click="changeChild">按钮改变子组件数据</div>
    <children ref="childCompent"></children>
   </div>
</template>

    <script>
        methods: {
            changeChild() {
                this.$refs.childCompent.isFocus= true
            }
        }
    }
    </script>

核心方法:

注: this.$refs.childCompent.isFocus isFocus就是子组件的data属性

标签: vue $refs


阿里云优惠主机

添加新评论

免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系238611804@139.com。我们会在24小时内进行删除。