vue-父子组件之间通信
父组件向子组件传参 首先要在父组件中引入子组件
文章图片
引入子组件
文章图片
使用组件 v-if是设置这个组件在父组件中是否可见,v-bind:formInline="sendvalue",也可以使用这种写法,:formInline="sendvalue"就是通过这个与子组件实现通信。
formInline是子组件要接收的变量名。sendvalue是父组件定义的一个对象。
【vue-父子组件之间通信】通过一个点击事件,将数据传到子组件:
文章图片
show是一个父组件中的一个点击事件 到这里,父组件已经将参数发送到子组件了,接下来要做的就是子组件接受这个参数:
文章图片
子组件通过props接收来自父组件的参数 需要使用的时候直接formInline.的方式即可。
文章图片
formInline.rolenum或者 formInline. rolename 子组件向父组件传参 还是上面的例子,子组件里有一个@close="editrole"。
this.$emit('close');
this.$emit('backdata',response.data);
<这是带参数的情况>
$emit可接两个参数,第一个是触发当前实例上的事件,第二个是附加参数,他们都会传给监听器回调。
backdata2(data){
this.data6=this.data6.concat(data);
},
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数()
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- SwiftUI|SwiftUI iOS 瀑布流组件之仿CollectionView不规则图文混合(教程含源码)
- 如何在手机上查看测试vue-cli构建的项目
- Vue组件之事件总线和消息发布订阅详解
- vue.js组件开发