Vue 组件传值
2018-03-06 15:05
369 查看
父组件获取子组件数据
父组件
<div>
<v-recharge :rechargeMoney="rechargeMoney" v-on:childMessage="getFlagVal"></v-recharge>
</div>
this.$emit(
'childMessage',{
rechargeFlag:false
}
)
子组件获取父组件传递的数据
父组件
<div>
<v-typeHeader :urlType="2"></v-typeHeader>
</div>子组件
props: ['urlType'],
mounted:function () {
console.log(this.urlType)
},理解还浅,不太清楚写法是否正确,目前可以获取我想要用到的数据,欢迎指正
父组件
<div>
<v-recharge :rechargeMoney="rechargeMoney" v-on:childMessage="getFlagVal"></v-recharge>
</div>
methods: { getFlagVal:function (val) {
this.rechargeFlag = val.rechargeFlag; } }子组件
this.$emit(
'childMessage',{
rechargeFlag:false
}
)
子组件获取父组件传递的数据
父组件
<div>
<v-typeHeader :urlType="2"></v-typeHeader>
</div>子组件
props: ['urlType'],
mounted:function () {
console.log(this.urlType)
},理解还浅,不太清楚写法是否正确,目前可以获取我想要用到的数据,欢迎指正
相关文章推荐
- vue 父子组件传值
- vue父子组件中传值
- vue 利用slot向父组件传值
- Vue不同组件之间相互传值
- vue几种组件传值
- 深入理解Vue 组件之间传值
- vue 父组件向子组件传值
- VUE2.0 父组件传值给子组件初始化用
- VUE组件传值
- Vue组件间传值
- Vue父子模版传值及组件传值的三种方法
- vue遇到过的坑(父组件向输入框组件传值进去,然后子组件利用传进来的数据进行数据绑定的问题与解决方法)
- Vue父子组件相互传值
- vue.js 兄弟组件传值
- vue2.0 组件化及组件传值
- 图文介绍Vue父组件向子组件传值
- Vue.js中兄弟组件之间互相传值
- 详解vue父子组件间传值(props)
- vue-自定义组件传值
- vue-cli bus组件之间传值