Parent and child components call variables and methods each other

Others 2021-03-29 04:22:33 views: null

One, the parent component obtains the variables and methods of the child component

1. Define a ref when calling subcomponents

<rchild ref="myChild"></rchild>

2. Pass in the parent component

this.$refs.myChild.属性
this.$refs.myChild.方法（）

Second, the child component gets the variables and methods of the parent component

Write directly in the subcomponent:

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

`——————— 但是 ————————`

The way the child component obtains the parent component's variables is not powerful enough and can be used daily. Knowing props is what you have to do (required for enterprises)
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_45629623/article/details/107543892

Parent and child components call variables and methods each other

[Vue3] Parent component and child component methods call each other

Vue's methods and properties for parent components to call child components

Method of calling each other between parent and child components in vue

Vue parent and child components access each other 11

Web interface parent and child pages call each other

Child components in Vue3 use setup syntax sugar parent components cannot call child component methods

Vue--components in vue, component binding events and data, private components, child components, parent-child component parameters are passed to each other

Summarize the two ways that Vue parent and child components pass values between each other and route passes [subsequent updates]

Vue methods call each other's methods

Call each other between Yii methods

The parent-child components of the applet pass values, call methods, and the observer monitors component data changes (image component encapsulation)

[JS] HTML child page and parent page jump to each other

iframe(3) ---The parent page and the child page pass values to each other

01 vue child component calls methods parent components

[Vue Project Notes] - passing parameters between parent and child components and subcomponents executing methods in parent components

Vue creates global, local components and parent components to pass methods to child components

Vue components communicate with each other father and son Methods

How to call variables and methods of parent class in php subclass

The applet methods call each other this.onClickCancel is not a function

[SCSS variables] $ | & | var | @for | @include | @function | @each and other common methods are used

An example of parent-child components written by Vue 3, including passing data and calling parent component methods

React components use props for parent-child parameter transfer, method call for child-parent parameter transfer, and Context context in parallel

[vue2] Summary of methods for passing parameters from child components to parent components

Methods of passing values between vue components Vue parent and child components passing values and parameters

The parent and child components of Vue componentization

WPF's TreeView is combined with CheckBox, and the parent node and child node affect each other

Call the child the parent class constructor

React child components pass values to parent components, and parent components receive

Communication between Vue3 components - parent-child value transfer, method call

Recommended

The number of MaxKB GitHub Stars, an open source knowledge base question and answer system based on large language models, exceeded 5,000!

Ranking

Getting the basic concepts of ROS + catkin Profile

Spring Learning (2) --- Assembling Beans in the IoC Container

js to get the src attribute of the image regularly

STM32 is based on CubeIDE and HAL library basics entry study notes: Bluetooth WIFI STM32 connects to Alibaba Cloud

Short video learning - 3, pandas simple use of pivot_table

Print directory of project configuration log, output log

Understand the difference between vi and vim in Linux in 3 minutes

1 + x certificate Web front-end development HTML5 special exercises

mangodb save and insert the difference

7-1 Family tree processing (50 points) (binary tree solution)

Daily

2024-05-13(8)

2024-05-12(28)

2024-05-11(32)

2024-05-10(34)

2024-05-09(32)

2024-05-08(18)

2024-05-07(34)

2024-05-06(6)

2024-05-05(0)

2024-05-04(18)