问题杂记-Vue父子组件传值(ElementUI-Dialog)
2018-03-19 21:57
2471 查看
1.vue父子组件使用props传值时props数组里用驼峰命名转到父组件使用时会需变更为短横线分割命名即 myData=>my-data
2.sync语法糖 :data.sync="val"=> :data @update:data="newval=>val=newval"
触发父组件更新值时使用驼峰命名
3.子组件中使用element.ui组件中的dialog组件后,通过父组件中的数据控制关闭dialog时,需在before-close事件中触发自定义事件this.$emit('update:data',value),否则提示警告,这是因为子组件不能直接修改父组件传递过来的数据。不过如果props传递的是一个对象,子组件可以直接修改对象里的属性,原因是对象是引用传递,只改变对象里的属性,对象仍然没被改变,所以不会报错。
2.sync语法糖 :data.sync="val"=> :data @update:data="newval=>val=newval"
触发父组件更新值时使用驼峰命名
3.子组件中使用element.ui组件中的dialog组件后,通过父组件中的数据控制关闭dialog时,需在before-close事件中触发自定义事件this.$emit('update:data',value),否则提示警告,这是因为子组件不能直接修改父组件传递过来的数据。不过如果props传递的是一个对象,子组件可以直接修改对象里的属性,原因是对象是引用传递,只改变对象里的属性,对象仍然没被改变,所以不会报错。
相关文章推荐
- vue同步父子组件和异步父子组件的生命周期顺序问题
- vue2.0 父子组件之间的通信问题
- vue2.0的小坑——当Element UI 中的el-dialog包含子组件时,refs报undefind的问题
- 浅谈Vue父子组件和非父子组件传值问题
- 问题杂记-Vue组件中使用地址引入图片
- vue2.0 .vue文件非父子组件传值问题
- vue 父子组件的一些问题
- [问题探讨]vue父子组件的生命周期顺序
- vue event bus 非父子组件间通信问题
- 关于Vue父子组件之间的通信
- vue组件父子间通信详解(三)
- vue2.0之父子组件通信的理解
- vue组件3-父子组件props传参
- react都这么无情了,vue还是那么有义,4种父子组件数据双向传递大法
- vue开发:Vue 非父子组件通信方法(非Vuex)
- VUE 简单父子组件,兄弟组件弹窗通信练习
- vue之父子组件间通信实例讲解(props、$ref、$emit)
- [vue.js]解决子组件无法获取父组件store中的值的问题
- vue中父子组件通信,异步数据传递
- vue 通过下拉框组件学习vue中的父子通讯