1. 程式人生 > >父傳子props

父傳子props

父
<update :show="obj"/>   //一、用show繫結obj物件,用來傳給子
export default{
    data(){             
        return{         //二、定義obj物件
            obj:{       
                a:false
            }
        }
    },
    methods:{           
        anquan(){       //三、(點選讓其顯示)讓obj下面的a屬性變為true
            this.obj.a=true
        }
    }
}


子
v-show="show.a"         //一、控制消失隱藏的為父元件傳過來的show物件中的a的值
export default{         
    methods:{           
        close(){        //二、使用show物件下面的a的值,讓其為false
            this.show.a=false;
        }
    },
    props:["show"]      //三、用props接收父級的show
}