Блог

Главная - Вопросы по программированию - Как использовать v-for с литами, указанными в строке?

Как использовать v-for с литами, указанными в строке?

#vue.js #v-for

Вопрос:

Это обычный способ, которым это преподносится

   <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>

Комментарии:

1. пожалуйста, уточните подробнее

2. Это v-for работает по моему опыту, но сообщение «а». не работает.

Ответ №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>
Метки: ,