代码之家 › 专栏 › 技术社区 › Jerry Ji

Vue组件传递多个对象,因为属性不工作

vuejs2 vue.js javascript

Jerry Ji · 技术社区 · 6 年前

我正试图通过v-for将多个道具传递给一个组件--

<my-component v-for="(myobj, myid) in mydata"></my-component>

我的数据看起来像--

mydata: {
  42: { txt: "Home", url: "https://google.com/" },
  43: { txt: "SO", url: "https://stackoverflow.com/" }
}

但无法让最简单的片段发挥作用--

任何一个指针都会非常感谢!

1 回复 | 直到 6 年前

tony19 thanksd 6 年前

你的 v-for 循环没有将任何数据绑定到组件。它不见了 v-bind directives 为您的绑定。它应该是这样的:

<my-component v-for="(myobj, myid) in mydata"
             :myobj="myobj"
             :myid="myid"></my-component>

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前