1. 程式人生 > >VUE2.0 父元件傳值給子元件初始化用

VUE2.0 父元件傳值給子元件初始化用

    父元件中呼叫子元件autoSelect(我的專案裡autoSelect是一個公共元件)

<autoSelect  v-bind:name="propName" @getAutoSelectResult="listenAutoSelectResult"></autoSelect>

子元件autoSelect中使用props接收引數

<template>

    <input class="form-control autoSelect" type="text" @keyup="loadOptions" v-model="selectContent" />

</template>

export default{

    props:{

        name:{

type:String,
default:''

}

    },

    data(){
return{

selectContent:''

        }

    },

    watch:{
name:{
handler:function (newValue, oldValue) {
this.selectContent=newValue;
}
}

    },

    methods:{  ......

    }

}