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:{ ......
}
}
<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:{ ......
}
}
相关文章推荐
- vue2.0初始化一个头部组件
- vue2.0组件之间的传值
- vue2.0 组件化及组件传值
- vue2.0组件之间传值、通信的多种方式(干货)
- Vue2.0 子组件传值给父组件
- Vue2.0子父组件通信
- VUE2.0+Element-UI+Echarts封装的组件实例
- Vue.js 学习10 Element基于Vue2.0的组件库
- vue2.0 全局组件和局部组件
- 基于 Vue2.0 的移动端 / PC 端验证码输入组件.
- vue遇到过的坑(父组件向输入框组件传值进去,然后子组件利用传进来的数据进行数据绑定的问题与解决方法)
- vue.js2.0 自定义组件初体验
- 详解vue父子组件间传值(props)
- vue-cli bus组件之间传值
- Vue2.0之去掉组件click事件的native修饰
- vue-父子组件间的相互传值与传址
- Vue父子组件传值
- vue2.0 改变子组件从父组件传递过来的值报错Avoid mutating a prop directly since the value will be overwritten whenever
- vue2.0--组件通信(非vuex法)
- Vue2.0组件之间通信