Vue component parent and child components pass reference type data - Code World

Vue component parent and child components pass reference type data

Others 2022-04-22 11:34:42 views: 0

When writing the paging function today, I found that when the parent-child component passed the value, the child component could not monitor the change of the data in the parent component, and passed a reference type of data.

The reason is that the reference types share a memory address, and the parent and child components use the same object, so the child components cannot monitor changes. At this time, a deep copy needs to be made. The relevant code is as follows:

Actually param is a reference type

Make a deep copy of the value to be passed in the parent component, where self.pageDatasCopy is a deep copy of self.pageDatas, and self.pageDatas is a variable in the parent component,

Subcomponents monitor changes: (watch monitor)

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324988397&siteId=291194637

Vue component parent and child components pass reference type data

Vue component parent and child components pass reference type data

Vue parent component to pass value study notes to child components

Pass data between Vue~ components (parent and child, child and parent, child and child)

In Vue, pass the backend data requested by the parent component to the child component props

Vue3 parent-child components pass value step on the pit point - the parent component obtains data asynchronously, and the child component receives the data but does not render

Vue parent component passes asynchronously obtained data to child components

Two ways for vue child components to change parent component data

Vue parent-child components pass values, the content of the parent component is updated and the content of the child components is not updated in real time

Vue parent and child components pass value props

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

vue child to parent component values pass

VUE parent-child component pass by value

Vue child parent component pass value

Vue3 parent component uses props to pass values to child components to redraw echarts charts

Vue gets the data of the child component in the parent component

Vue04---pass value between parent and child components, non-parent and child components pass value

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

Parent-child components pass by value in vue, grandfather pass by value

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

Vue parent component accesses child components and child components access parent components

When Vue3 parent-child components pass values, defineProps uses defined custom data types

[Vue] Parent-child components in vue actively pass values

[Vue] Three ways to pass values between components: parent to child, child to father, non-parent to child

Vue.js using data binding component, and the parent-child value pass

Vue: Method for child component to modify parent component data and child component with parameters to modify parent component data (props)

Child => parent component pass parameters

VUE parent components pass data to subassembly

4 ways to pass parameters of vue parent and child components

How parent and child components in VUe pass $emit to trigger custom events

Recommended

Ranking

SpringBoot-integrate redis

[Sword pointing to offer] Interview question 03: Repeated numbers in an array

Arrangement "Offer Penalty for prove safety" string

Browser prevent the automatic generation of fill and Echo have been saved account solutions

Work hard and never slacken——2022 Yinmai Information Year-End Summary

Install jdk7 on Linux system

App common dependency management tools

EduCoder-Web程序设计基础-html5— 给表单组件添加说明-第1关：label标签相关概念

Machine learning - clustering - density clustering algorithm notes

Ant's large model is exposed, AI+ finance enters the "big model" era

Daily

More

2024-04-30(36)

2024-04-29(5)

2024-04-28(12)

2024-04-27(29)

2024-04-26(22)

2024-04-25(32)

2024-04-24(30)

2024-04-23(30)

2024-04-22(5)

2024-04-21(0)