gpt4 book ai didi

javascript - 如何在 vue.js 中为动态组件添加 Prop ?

转载 作者:搜寻专家 更新时间:2023-10-30 22:56:07 25 4
gpt4 key购买 nike

我动态创建组件:

<component is="tab"/>

如何为这个组件添加 Prop ?我尝试:

<component is="tab" my-props="test" />

控制台报错:

[Vue warn]: Attribute "type" is ignored on component <component> because the component is a fragment instance: http://vuejs.org/guide/components.html#Fragment-Instance

附言我使用的是 1.0.26 版本的 vue.js。

最佳答案

如果测试不只是“测试”文本,而是数据中的某些值。然后你需要像这样传递它:

<component is="tab" :props="test" />

并且不要忘记在组件内的 props 数组中添加您的属性。 Prop :[' Prop ']

http://jsbin.com/zekiyeroka/edit?html,css,js,console,output

这是工作示例。添加到数据是可选的,但我更喜欢这种方式。因为您可以在未来以更简单的方式操作您的数据。

附言你需要像函数一样在组件中声明你的data,而不仅仅是object

关于javascript - 如何在 vue.js 中为动态组件添加 Prop ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39253239/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com