vue/uniapp父组件获取子组件内的数据或方法

1、父组件主动获取子组件中的数据和方法
在父组件里面通过:

```
this.$refs.childMethod.属性
this.$refs.childMethod.方法
```

在父组件中：(调用子组件的时候，定义一个ref)

<child-list ref="childMethod" :parentListClick="parent"></child-list><Button type="primary" @click="prentClick">点击调用子组件方法</Button>export default {data() {return {parent: '我是父组件中的属性 !'}},methods: {prentClick() {this.$refs.childMethod.haizi();console.log(this.$refs.childMethod.child);},parentList(){console.log('我是父组件中的方法 !');}},created() {}}

2、子组件主动获取父组件中的数据和方法

在子组件里面通过:

this.$parent.属性
this.$parent.方法

在子组件中：

<Button type="primary" @click="childClick">点击调用父组件方法</Button>
export default {props: ['parentListClick'],data(){return {child: '我是子组件中的属性 !'}},methods: {haizi(){console.log('我是子组件中的方法 !');},childClick(){this.$parent.parentList();console.log(this.$parent.parent);console.log('------',this.parentListClick);}},created(){}}

vue/uniapp父组件获取子组件内的数据或方法相关推荐

jquery查找父窗体id_Vue父组件获取子组件中的变量
全世界只有不到3 % 的人关注了我你真是个特别的人在vue项目日常开发中,难免要把功能性组件抽离出来,这样结构就会出现父子组件,兄弟组件等,但是这样就会涉及到不同组件需要互相使用其中的某个值的问题 ...
微信小程序——1、自定义顶部渐变色2、封装好的自定义顶部栏（父组件获取子组件的点击事件）
1.自定义顶部渐变色第一种使用代码实现渐变效果图: .json代码 "navigationStyle":"custom" .wxml代码 <view ...
Vue进阶（幺贰零）：父组件获取子组件验证结果
文章目录一.前言二.代码实现三.拓展阅读一.前言在开发Vue项目过程中,代码复用之自定义组件是常做事情.当子组件为form表单的时候,父组件需要获取子组件(表单)的验证结果. 尽管有 pro ...
angular使用@viewChild父组件获取子组件的数据和方法
一. 父组件通过局部变量获取子组件的引用 ,主动获取子组件的数据和方法 1. 使用#给子组件命名为#footer <app-footer #footer></app-footer ...
子组件向父组件传值，父组件获取子组件值
子组件如何传值给父组件? 父组件将一个方法赋值给一个属性props传递给子组件,子组件在函数被应用时调用父组件传来的属性并传值,父组件可在自身的函数中接受子组件传递过来的值. 父组件 //father ...
angular父组件通过@ViewChild 主动获取子组件的数据和方法
1.调用子组件给子组件定义一个名称 <app-footer #footerChild></app-footer> 2. 引入 ViewChild import { Compon ...
rn 函数式组件获取子组件的实例
class式组件要获取子组件的实例只要用ref就可以了,但是函数式组件就要复杂一点函数式组件要给子组件直接绑定ref是不成功的,要求子组件使用forward创建才可以,如下 const ChildR ...
antd如何获取表单的值_antd 父组件获取子组件中form表单的值
还是拿代码来讲吧,详情见注释子组件 import React, { Component } from 'react'; import { Form, Input } from 'antd'; con ...
vue父组件、子组件，父子组件交互
Vue父组件调用子组件事件,父子组件交互 vue2 vue父组件向子组件传递数据 or 调用事件父组件传递数据到子组件 props 传递: <child-c :args="args& ...

vue/uniapp父组件获取子组件内的数据或方法

vue/uniapp父组件获取子组件内的数据或方法相关推荐

最新文章

热门文章