如何将Vue子组件接收的父组件props数据存入子组件的data中?

2026-04-01 13:120阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计785个文字,预计阅读时间需要4分钟。

如何将Vue子组件接收的父组件props数据存入子组件的data中?

目录 + 1. 不允许直接修改

2.存在异步的情况 + 解决思路 + 通过测试组件中传递过来的数据有以下特点:

1. 不允许直接修改 + 如直接使用 this.xxx=action 操作的词 + 控制台会报错 + 大

目录
  • 1.不允许直接修改
  • 2.存在异步的情况
  • 解决思路

经过测试父组件中传递过来的数据有以下特点:

1.不允许直接修改

如果直接使用 this.xxx = action 操作的话 控制台会报下面这个错误

大概的意思是 你小子不要随便劈我瓜,我父组件的瓜岂是你能变的,父组件重新渲染时,这个值会被覆盖,你小子自个儿用计算属性或者data存一下吧

2.存在异步的情况

假如父组件该数据是后台接口获取的数据,那么会产生这种情况。子组件的生命周期都已经走完了,父组件的数据还没传过来。因为V8引擎的运行速度是很快的,万分之一毫秒都等不了,如果是异步的话,子组件里是没有办法操作这个数据的。

阅读全文

本文共计785个文字,预计阅读时间需要4分钟。

如何将Vue子组件接收的父组件props数据存入子组件的data中?

目录 + 1. 不允许直接修改

2.存在异步的情况 + 解决思路 + 通过测试组件中传递过来的数据有以下特点:

1. 不允许直接修改 + 如直接使用 this.xxx=action 操作的词 + 控制台会报错 + 大

目录
  • 1.不允许直接修改
  • 2.存在异步的情况
  • 解决思路

经过测试父组件中传递过来的数据有以下特点:

1.不允许直接修改

如果直接使用 this.xxx = action 操作的话 控制台会报下面这个错误

大概的意思是 你小子不要随便劈我瓜,我父组件的瓜岂是你能变的,父组件重新渲染时,这个值会被覆盖,你小子自个儿用计算属性或者data存一下吧

2.存在异步的情况

假如父组件该数据是后台接口获取的数据,那么会产生这种情况。子组件的生命周期都已经走完了,父组件的数据还没传过来。因为V8引擎的运行速度是很快的,万分之一毫秒都等不了,如果是异步的话,子组件里是没有办法操作这个数据的。

阅读全文