您的位置:首页 > 产品设计 > UI/UE

VUE2.0 父组件传值给子组件初始化用

2018-03-13 14:38 471 查看
    父组件中调用子组件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:{  ......
    }
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: