码迷,mamicode.com
首页 > 其他好文 > 详细

父组件的prop绑定sync,则子组件变化update会触发父组件的变化

时间:2021-01-07 11:53:43      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:get   default   div   ops   change   methods   事件   template   export   

<!-- 父组件 -->
    <template>
        <view>
            <syncA :title.sync="title"></syncA>
        </view>
    </template>
    <script>
        export default {
            data() {
                return {
                    title:"hello vue.js"
                }
            }
        }
    </script>
    <!-- 子组件 -->
    <template>
        <view>
            <view @click="changeTitle">{{title}}</view>
        </view>
    </template>
    <script>
        export default {
            props: {
                title: {
                    default: "hello"
                },
            },
            methods:{
                changeTitle(){
                    //触发一个更新事件
                    this.$emit(‘update:title‘,"uni-app")
                }
            }
        }
    </script>

  

父组件的prop绑定sync,则子组件变化update会触发父组件的变化

标签:get   default   div   ops   change   methods   事件   template   export   

原文地址:https://www.cnblogs.com/cocoaguo/p/14230425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!