问题标签 [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.
javascript - 传递给子组件的 Vue.js 道具对象未定义
我有一个父组件和一个子组件。父组件直接包含子组件。这个子组件需要来自父组件的一些数据。父组件从 REST API 加载数据。当子组件尝试对传递的数据执行某些操作时,浏览器会在 log: 中显示错误消息Cannot read property 'name' of undefined
。当我查看 Vue Developer Tool 时,我可以看到有一个带有 userInformation 的对象...
我想使用 created() 方法直接在子组件中访问数据对象。但是似乎数据传递太慢了。我该如何解决这个问题?
我的父母:
我的孩子:
javascript - VueJS - 无法将道具从父组件传递给子组件
这是我的父母:
这是我的子组件:
我可以使用道具传递数据,但不能传递类型。当我更改type: this.type
为type: "bar"
它按预期工作时,因此代码本身没有错误。
我收到以下警告:
我究竟做错了什么?
javascript - VueJS:基于 v-select 项目的动态道具
我有一个使用属性的图表。
这是我的系列剧本。
传递道具效果很好,但我希望v-select
根据所选项目更改所选系列(道具)。我怎样才能做到这一点?
javascript - 如果vue仍然抛出错误,那么vue中props中的默认值的目的是什么?
我试图了解道具验证是针对开发人员还是针对用户。我故意将一个组件留空
我没有传递一个值(顺便问一下,这个传递的值叫什么?):<card />
正确的方法:<card :name="name" />
但是,当我将组件留空且未传递值时,Vue 使用默认值填充模板部分中的值,同时在控制台中留下错误:
Property or method "name" is not defined on the instance but referenced during render.
如果我想有一个默认值怎么办?我将继续收到该错误。
javascript - 如何在 Vue 组件的数据上添加多个过滤器?
我正在尝试向组件添加多个过滤器。例如,用户可以选择一个类别,结果将被过滤。此外,由于我有一个搜索过滤器实现,我如何将其他过滤器与连接过滤器结合起来?例如,如果我输入“冬季”,并选择一个不包含冬季的类别(假期过滤器),则不会显示任何结果。
我试过在谷歌上查找这个,但我一次只能实现一个过滤器。
更新 我将计算的属性更改为一般的过滤项数组。现在,我可以设置过滤器,但是,当第一次加载页面时,在我选择过滤器之前什么都不会出现。关于如何解决这个问题的任何想法?
如您所见,我有一个过滤假日过滤器,当单击按钮时,它会过滤掉所有非假日结果并仅显示假日。
这是按钮组件,单击时应过滤我的第一个组件中的数据
javascript - 选择选项上的 Vue 更新道具
我正在使用 vue cli,并且可以选择显示测量值的下拉列表。我想知道选择测量时如何更新道具?
我有一个用户资料卡,它打开一个带有显示该用户测量值的图表的模式,当我处于模式中时,我想选择另一个测量值并显示它。
因此,当我单击音量时,图表文本会更改为音量并显示该用户的音量数据。
我尝试通过事件侦听器@change 为图表的文本执行此操作,但道具没有传递并更改文本:
这是一个代码框示例。
任何帮助都会很棒,谢谢!
vue.js - Vue 通过 props 存储的值不是反应式的
所以我使用 [props] 传递值并将其存储在子组件的数据中。但是,当从父组件传递 [props] 值更改时,它不会在子组件的数据中更新。有没有解决这个..?
这是w3测试的链接(我试图在这里尽可能地澄清问题)
json - 无法将道具传递给Vue js中的子组件
我花了将近 2 个小时来弄清楚,但我没有明白我做错了什么。我只是在我的父组件中获取数据,然后将其传递给我的子组件,在我的子组件中,我使用道具来获取该组件,但我没有得到任何东西。仅供参考,如果我 console.log 它不在我的子组件中,我将在我的父组件中接收我的所有数据。
这是我的父组件:
这是我的子组件的脚本:(这是您唯一需要的,因为这是问题所在)
感谢您解决问题。
javascript - 两个兄弟组件之间的数据传输问题(Vue js)
我有三个组件,其中一个是其他组件的父级,我试图传递一个talk
在兄弟姐妹之间调用的对象,在事件中从FollowedBrowser
to发出它LeftBar
,然后通过 prop 从LeftBar
到TalksList
组件传递它,之后另一个事件由TalksList
and发出又听了一次LeftBar
,最后这个组件将talk
对象重新定义为一个空对象。
这是我的父组件LeftBar
。
这是我的两个孩子:
TalksList.vue
FollowedBrowsed.vue
}
当在组件newTalk
内部调用该方法时,会发出事件,但之后我的屏幕冻结,就像应用程序在无限循环中一样,我不知道为什么。我省略了一些我认为不相关的代码。FollowedBrowser
newTalk
有谁能够帮我。
提前致谢。
vue.js - VueJS - 函数的结果作为 Prop 的默认值
将 VueJS 与类组件一起使用,vue-property-decorator
我正在尝试编写一个带有uuid
Prop 的 Vue 组件,该组件在未提供时默认为新的 uuid(使用 npm 包uuid
):
因此,当实例化时给出服务器提供的 uuid 时,它会在前端使用,如果不是,则意味着它是一个新元素,应该为该组件生成一个新的 uuid。这段代码的问题是我最终会产生多个相同的组件uuid
(但不是全部)。