如何将 v-for 与指定内联的 lits 一起使用？

Question

这是正常的呈现方式

  <li v-for="item in items" :key="item.message">
    {{ item.message }}
  </li>

但我想要这样的东西

  <li v-for="item in ['a', 'b', 'c']" :key="item.message">
    {{ item.message }}
  </li>

Answer 1

您正在迭代的对象没有 message 键。这应该有效：

<li v-for="item in [{message: 'foo'}, {message: 'bar'}]" :key="item.message">
    {{ item.message }}
</li>

或

<li v-for="item in ['a', 'b', 'c']" :key="item">
    {{ item }}
</li>