道具在 vue js 中发生变异

Posted

技术标签:

【中文标题】道具在 vue js 中发生变异【英文标题】:props being mutated in vue js 【发布时间】:2020-08-06 23:13:51 【问题描述】:

在运行我的 vue 文件时,我收到以下控制台错误,我是 vue 编程新手并尝试使用 syncfusion UI 组件打印网格。

Prop being mutated: "hierarchyPrintMode"

这是我的代码,在哪里添加计算属性,因为我没有任何道具,我无法理解 here 列出的解决方案。

这是托管应用程序, https://codesandbox.io/s/printing-grid-wqrgz

【问题讨论】:

显示模板 @Anatoly 也添加了模板。 将 hierarchyPrintMode: 'All' 添加到数据部分,将其传递给 ejs-grid 像这样的 hierarchyPrintMode:="hierarchyPrintMode" 和代码中的十个只需将 this.hierarchyPrintMode 更改为您需要的任何内容。 @Anatoly 请在回答中详细说明您的建议。 【参考方案1】:

将 hierarchyPrintMode: 'All' 添加到数据部分,将其传递给 ejs-grid 像这样的 hierarchyPrintMode:="hierarchyPrintMode" 然后在代码中将 this.hierarchyPrintMode 更改为您需要的任何内容

【讨论】:

您在一行中有两个分配。您可以删除其中一个以查找导致错误的分配吗? 当我尝试为第一个网格及其子网格分配 hierarchyPrintMode 时,hierachyPrintMode 属性发生了变化,因为我想将该属性同时应用于两个网格。 尝试分配给其中一个用于研究目的 我试图只分配给父网格,但仍然是同样的错误。 这样做 this.hierarchyPrintMode = element.innerhtml 也会给你同样的错误?

以上是关于道具在 vue js 中发生变异的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js。子组件中的变异道具不会触发警告。想知道为啥

Vue 2 - 变异道具vue-warn

Vue 道具初始化/变异

Python list 可以在迭代期间发生变异,但不能在 deque 中发生变异。为啥?

Vue警告避免改变道具“taskToEdit”

Vue关闭组件返回避免直接改变道具