javascript - vue 模板循环的问题

问题描述

问 题

vue 模板渲染的时候，最终生成的结构没有模板的第一层li

这是模板：

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

这是页面：

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

这是页面渲染的结果：

求大神指点

解决方案

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

这篇关于javascript - vue 模板循环的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！