vue.js v-for循环在nuxt 3项目中不起作用

jfewjypa 于 2023-03-31 发布在 Vue.js

关注(0)|答案(2)|浏览(188)

我试图绑定一些mock数据，这些数据保存在一个名为whatsHappeningItems的变量中，我在脚本中将其作为引用发送到我拥有的卡片组件中。当我执行v-for=“whatsHappening in whatsHappeningItems”时，如下所示：
我收到此错误消息：
[vue/valid-v-for]迭代中的自定义元素需要“v-bind：key”指令。

const whatsHappening: {
title: string;
count: string;

}
有人知道为什么会这样吗？

vue.js

来源：https://stackoverflow.com/questions/75833829/v-for-loop-is-not-working-in-nuxt-3-project

2条答案

按热度按时间

hujrc8aj1#

它是eslint，添加如下内容

<...
  v-for="(whatsHappening, index) in whatsHappeningItems"
  :key="index"
  ....

赞(0）回复(0）举报 2023-03-31

yzuktlbb2#

好像是立花真说的eslint问题
我写道：

<...
v-for="whatsHappening in whatsHappeningItems" v-bind:key="whatsHappening" 
  ....

我的模拟数据看起来像这样：

<...
<script setup>
const whatsHappeningItems = ref([
  {
    title: 'example',
    count: 'example',
  },
]);
</script>

  ....

所有错误都被删除了，所以看起来已经修复了这个问题。

赞(0）回复(0）举报 2023-03-31

我来回答

vue.js v-for循环在nuxt 3项目中不起作用

2条答案

相关问题

热门标签

最新问答