Javascript – Problem mit der Vue-Vorlagenschleife

Question

Beim Rendern der Vue-Vorlage verfügt die endgültig generierte Struktur nicht über die erste Ebene der Vorlagenli

Das ist die Vorlage:

 template: '<li class="slide" :ans=word.answers_list[0].content" v-bind:ref=slide{{index} :wordId="word.wordId" :time="word.time" isClosed="word.isClosed"><p class="word-cn"><p v-html="word.question_text"></p></p></li>';

Das ist die Seite:

<ul>
 <li is="slide-card"  v-for="(k,v,index) in wrongWords" v-bind:word="k"></li>
</ul>

Dies ist das Ergebnis der Seitenwiedergabe:

Bitte Gott um Führung

Answer 1

is 会把当前的元素替换掉，可以在 li 里插 <component :is=

Answer 2

<ul>
     <li>
         <template 
             is="slide-card"  
             v-for="(k,v,index) in wrongWords" 
             v-bind:word="k"
         ></template>
     </li>
</ul>

Answer 3

楼上的意见我给予采纳，希望您能够理解，主要失误在于我，同时也真挚的感谢您为我排疑解惑