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

技术文章 4个月前 完美者
1,251 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

暂无评论

暂无评论...