问题标签 [vue-props]

我正在尝试将此数据传递给 vue 中的组件。我可以在子组件中获取数据，并且可以渲染数组，或者通过调用访问每个对象的属性products[0].name，但我希望在v-for循环中分别渲染每个对象。请帮忙！！

父组件：

子组件：

我试图使用 v-bind 将数据传递给子组件，用于我的 vue 公式表单输入。我在父母中传递了这样的数据。

在 Child 中，我正在这样做

但我收到以下错误

知道可能是什么问题吗？

我想通过这个例子有条件地向Quantity组件发送道具。

如果已激活，我想发送Ordered道具，如果已orderedItems激活则发送。ItemsallItems

我向父组件发送一个事件。当您单击列表元素时，将使用 v-model 指令处理切换。此外，我需要有关是否选择列表元素以在父级中进行 v-if 渲染的信息。我在 child 中使用了 emit 以及方法和计算的 props。两者都给我留下了错误。我不知道如何解决这个问题。

-此外，我需要共享父组件在子组件之前呈现，尽管父组件依赖于来自子组件的事件。

- 我也在Error in v-on handler: "TypeError: _vm.updateKumas is not a function"控制台上收到错误消息。

- 此图像还显示了到达父组件的事件：

这是代码

子组件

父组件

我得到以下信息 - 无法读取未定义的“免费”属性。

我将在多个页面上添加这个按钮组件，并且我有数据对象，它允许我根据我想在页面上显示的任何页面添加文本。例如，如果它在我想使用的主页上和我想使用<buttons :text="buttonText.free" />的关于我们页面上<buttons :text="buttonText.spend" />

模板文件

组件文件

你能告诉我我做错了什么吗？

背景

我有一个 Vue 组件，question-panel它接受一个 prop questions，它是一个对象数组并且长度可变。

在 中<template>...</template>，有一些 HTML 元素来显示计算question对象的信息，例如question.name、question.score等。

还有两个按钮可以调用previousQuestion()和nextQuestion()单击时。

问题

根据 Vue.js devtools，propquestions确实绑定并响应来自父级的更改。

但是，即使在 prop更改后，question也不会重新计算计算值。questions

另一方面，它确实会在questionIndex更改时重新计算。

我应该如何解决这种行为？这种实现是否违反了 Vue 的原则？

QuestionPanel.vue 的片段

Parent.Vue 的片段

Vue.js 开发工具屏幕

Computedquestion仍处于默认状态

我有一个由多个父组件使用的子组件，其中包含一个 Vuetify v-data-table，并且部分数据表使用该body.prepend插槽。在这种特殊情况下，表结构用于设置一些选择列表，并且为了与列标题对齐，它使用以下colspan值：

但是，colspan值需要在实现之间有所不同，所以我想传入一个 prop 值（numBlankHeaders上面的值）。根据props 文档页面，你必须使用v-bind告诉 Vue 这是一个 JS 表达式而不是字符串，所以我这样定义 prop：

然后我像这样传递它：

但是，我作为道具传入的值根本没有生效，无论我是使用默认值还是像上面那样传入一个值。在初始代码片段中使用了其他道具（例如<td v-if="showPracticeFilter">），所以我知道道具正在插槽内使用。我需要改变什么才能让我的numBlankHeaders道具发挥colspan价值？

我正在尝试构建一个简单的页面构建器，它有一个行元素、它的子列元素和我需要调用的最后一个组件。为此，我设计了一个架构，其中我将数据集定义到根组件并通过道具将数据推送到其子元素。所以假设我有一个根组件：

在这里你可以看到我有一个按钮，我正在尝试推送元素，并且它的元素正在通过道具传递给它的子元素，所以这个RowElement组件有以下代码：

所以现在我必须在根页面上监听事件，所以我有：

现在我需要再次访问这些数据，ColumnComponent所以在 columnComponent 文件中我有：

还有我的决赛BuilderElement

如您所见，我再次发出名为的事件，该事件add-component再次在根组件中进行侦听，因此在以下侦听器中进行了侦听：

它显示了我的数据集，vue-devtools但它没有出现在构建器元素中：

图片 FYR：

这是我的根组件：

这是我的行组件：

这是我的列组件：

这是我的构建器元素：

我不知道为什么这些数据没有传递给它的子组件，我的意思是最后一个组件对道具没有反应，任何更好的想法都非常感谢。

谢谢

我正在开发一个 SPA 网站，我正在尝试使用路由器链接在两个组件之间传递一些数据。

基本上我有一个“专辑”组件（这里称为宝丽来），它的“数据”中包含所有专辑歌曲的歌词。然后我有一个 Song 组件（这里称为 Canzone），我想根据点击的歌曲动态地传递每首歌的歌词。

这是我的代码：

路由.js

Polaroid.vue（这是我显示歌曲列表的专辑组件）

Canzone.vue （这是我想要动态显示歌曲歌词的 Song 组件）

如何通过路由器链接传递数据？谢谢！

谢谢！

我正在建立一个电子商务商店，并希望传递特定的项目对象以在其自己的页面上动态呈现产品。我在这样做时遇到了麻烦，只能将道具作为路由器中的参数传递。我希望能够将道具传递到另一个页面，就像将整个对象放在参数中一样。如果我将整个对象放在参数中，它会起作用，但是我的 URL 是不可取的。由于我没有直接从商店商品页面中调用组件，因此我不确定如何将道具传递到产品页面，我将如何实现这一点？

任何帮助是极大的赞赏。

路由器：

父组件：

店铺商品：

我想将产品动态传递给的页面：