
vue 父子组件通信
猕猴桃-HR
前端开发工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
子组件向父组件传值
1: 子组件向父组件传值: 子传父: 需要自定义事件名称 就是子组件中产生一些事件, 需要通知到父组件。 需要自定义事件 :btnClick(item) { this.$emit('itemClick', { isshow: false; isRefresh: true })}第一个为事件名称, 第二个为携带事件参数 2: 就需要在父组件中监听子组件中发射的事件:...原创 2021-03-15 20:20:05 · 218 阅读 · 0 评论 -
props 几种定义方法
1: props: 定义格式: props: [ 'cmovies', 'cmessage'] // 定义一个数组格式, 数组中每一项都是变量 通过属性绑定: 绑定到子组件身上2: props: { }; 1: 类型限制 (强制限制类型) props: { cmovies: array, // 数组类型 cmessage: string // 字符串类型 2.2:...原创 2021-03-15 16:20:33 · 4910 阅读 · 0 评论 -
抽离子组件的方法
1: 抽离子组件的方法: 一般在实际开发项目, 应用场景中, 总有一些可以多复用的东西。 就可以单独抽离出来组件。2: 首先创建子组件:EditComp.vue3: 在父组件中引用子组件:import EditComp from "./EditComp";4: 注册组件:注册组件: component: { EditComp }5: 就可以在父组件中使用子组件报错信息:Property or method "disable" i...原创 2021-03-15 14:58:51 · 411 阅读 · 0 评论 -
父组件和子组件之间通信
1: 父组件和子组件之间的通信: 父组件向子组件传递数据: 父组件把数据传递给子组件: 父组件中定义一个数据: 数组格式:eg:movies: [ 'aaaa', 'bbbbb', 'ccccc', 'dddddd']2: 如果把父组件中数据传递子组件: 使用props: 属性 使用变量进行接受:props: ['cmovies']3: 使用子组件使用这个属性: j进行属性绑定 v-bind: (进行属性绑定)<cpn :cmovi...原创 2021-03-15 10:50:52 · 496 阅读 · 0 评论 -
父子组件通信
1: 父子组件通信: 每一大的组件中都可以抽离出来很多小的组件: 但是每一个小的组件中的数据: 在哪里发送网络请求: 就是在在最外边发送网络请求: 获取到数据。 提供给每一个子组件使用数据: 拿到数据以后可以保存到最外边组件中data 数据源中:2: 我们只需要在最外边的获取到的数据: 传递到子组件中: 然后使用v-for: 遍历。 父子组件之间通信: 就是数据的传递。 传递事件。3: 父组件请求数据, 分发给子组件。4: 子组件向父组件: 传递数据...原创 2021-03-14 22:49:39 · 168 阅读 · 0 评论 -
子组件向父组件传递数据
1: 子组件向父组件传递数据: this.$emit("closeDialog", { isShow: false, isRefresh: true }); // 在子组件中出发父组件中在子组件中定义的方法, 第二个参数就是, 就是子组件向父组件传递参数。 <Modal :title="dialogTitle" width="450" v-model="showDialog" :footer-hide="true" class- name="vertica原创 2021-03-08 14:49:03 · 671 阅读 · 0 评论