Визуализация LI из UL in vue.js . Есть ли невидимый тег?

#vue.js

#vue.js

Вопрос:

Как я могу визуализировать li из v-for в vue.

Я хочу сделать что-то подобное.

 <ul class="list-unstyled">
    <span v-for="(item, name) in lineItem.properties" v-html="item"></span>
</ul>
  

Но я, очевидно, не хочу, чтобы диапазон отображался, поскольку item вполне может возвращать несколько li. В моем случае item brings возвращает содержимое li, уже отображенное в an li.

Большое спасибо.

Ответ №1:

вам нужно использовать это https://github.com/Thunberg087/vue-fragment#readme

 <ul class="list-unstyled">
    <fragment v-for="(item, name) in lineItem.properties" v-html="item"></fragment>
</ul>
  

ps если вы используете vue 3, вам даже не нужно устанавливать библиотеку, она поставляется из коробки!
https://v3-migration.vuejs.org/new/fragments.html