问题标签 [vue-props]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
745 浏览

javascript - 传递给子组件的 Vue.js 道具对象未定义

我有一个父组件和一个子组件。父组件直接包含子组件。这个子组件需要来自父组件的一些数据。父组件从 REST API 加载数据。当子组件尝试对传递的数据执行某些操作时,浏览器会在 log: 中显示错误消息Cannot read property 'name' of undefined。当我查看 Vue Developer Tool 时,我可以看到有一个带有 userInformation 的对象...

我想使用 created() 方法直接在子组件中访问数据对象。但是似乎数据传递太慢了。我该如何解决这个问题?

我的父母:

我的孩子:

0 投票
2 回答
521 浏览

javascript - VueJS - 无法将道具从父组件传递给子组件

这是我的父母:

这是我的子组件:

我可以使用道具传递数据,但不能传递类型。当我更改type: this.typetype: "bar"它按预期工作时,因此代码本身没有错误。

我收到以下警告:

我究竟做错了什么?

0 投票
1 回答
46 浏览

javascript - VueJS:基于 v-select 项目的动态道具

我有一个使用属性的图表。

这是我的系列剧本。

传递道具效果很好,但我希望v-select根据所选项目更改所选系列(道具)。我怎样才能做到这一点?

0 投票
1 回答
989 浏览

javascript - 如果vue仍然抛出错误,那么vue中props中的默认值的目的是什么?

我试图了解道具验证是针对开发人员还是针对用户。我故意将一个组件留空

我没有传递一个值(顺便问一下,这个传递的值叫什么?):<card />
正确的方法:<card :name="name" />

但是,当我将组件留空且未传递值时,Vue 使用默认值填充模板部分中的值,同时在控制台中留下错误: Property or method "name" is not defined on the instance but referenced during render.

如果我想有一个默认值怎么办?我将继续收到该错误。

0 投票
1 回答
1840 浏览

javascript - 如何在 Vue 组件的数据上添加多个过滤器?

我正在尝试向组件添加多个过滤器。例如,用户可以选择一个类别,结果将被过滤。此外,由于我有一个搜索过滤器实现,我如何将其他过滤器与连接过滤器结合起来?例如,如果我输入“冬季”,并选择一个不包含冬季的类别(假期过滤器),则不会显示任何结果。

我试过在谷歌上查找这个,但我一次只能实现一个过滤器。

更新 我将计算的属性更改为一般的过滤项数组。现在,我可以设置过滤器,但是,当第一次加载页面时,在我选择过滤器之前什么都不会出现。关于如何解决这个问题的任何想法?

如您所见,我有一个过滤假日过滤器,当单击按钮时,它会过滤掉所有非假日结果并仅显示假日。

这是按钮组件,单击时应过滤我的第一个组件中的数据

0 投票
1 回答
53 浏览

javascript - 选择选项上的 Vue 更新道具

我正在使用 vue cli,并且可以选择显示测量值的下拉列表。我想知道选择测量时如何更新道具?

我有一个用户资料卡,它打开一个带有显示该用户测量值的图表的模式,当我处于模式中时,我想选择另一个测量值并显示它。

因此,当我单击音量时,图表文本会更改为音量并显示该用户的音量数据。

我尝试通过事件侦听器@change 为图表的文本执行此操作,但道具没有传递并更改文本:

这是一个代码框示例。

任何帮助都会很棒,谢谢!

0 投票
1 回答
102 浏览

vue.js - Vue 通过 props 存储的值不是反应式的

所以我使用 [props] 传递值并将其存储在子组件的数据中。但是,当从父组件传递 [props] 值更改时,它不会在子组件的数据中更新。有没有解决这个..?

这是w3测试的链接(我试图在这里尽可能地澄清问题)

0 投票
1 回答
783 浏览

json - 无法将道具传递给Vue js中的子组件

我花了将近 2 个小时来弄清楚,但我没有明白我做错了什么。我只是在我的父组件中获取数据,然后将其传递给我的子组件,在我的子组件中,我使用道具来获取该组件,但我没有得到任何东西。仅供参考,如果我 console.log 它不在我的子组件中,我将在我的父组件中接收我的所有数据。

这是我的父组件:

这是我的子组件的脚本:(这是您唯一需要的,因为这是问题所在)

感谢您解决问题。

0 投票
1 回答
82 浏览

javascript - 两个兄弟组件之间的数据传输问题(Vue js)

我有三个组件,其中一个是其他组件的父级,我试图传递一个talk在兄弟姐妹之间调用的对象,在事件中从FollowedBrowserto发出它LeftBar,然后通过 prop 从LeftBarTalksList组件传递它,之后另一个事件由TalksListand发出又听了一次LeftBar,最后这个组件将talk对象重新定义为一个空对象。

这是我的父组件LeftBar

这是我的两个孩子:

TalksList.vue

FollowedBrowsed.vue

}

当在组件newTalk内部调用该方法时,会发出事件,但之后我的屏幕冻结,就像应用程序在无限循环中一样,我不知道为什么。我省略了一些我认为不相关的代码。FollowedBrowsernewTalk

有谁能够帮我。

提前致谢。

0 投票
1 回答
828 浏览

vue.js - VueJS - 函数的结果作为 Prop 的默认值

将 VueJS 与类组件一起使用,vue-property-decorator我正在尝试编写一个带有uuidProp 的 Vue 组件,该组件在未提供时默认为新的 uuid(使用 npm 包uuid):

因此,当实例化时给出服务器提供的 uuid 时,它会在前端使用,如果不是,则意味着它是一个新元素,应该为该组件生成一个新的 uuid。这段代码的问题是我最终会产生多个相同的组件uuid(但不是全部)。