使用vue.js循环li后，给li添加class失效，这个该怎么解决，哪位大婶知道？

Question

<div class="mCustomScrollbar" id="myMsgDiv">    <ul>       <template v-for="(task,index) in Msgs">          <template v-if="index < 10">             <li>                <a v-if="task.isReturn == true">                   <span v-html="task.context"></span>                   <i v-text="task.createTime"></i>                </a>                <a v-else="">                   <span v-html="task.context"></span>                   <i v-text="task.createTime"></i>                </a>             </li>          </template>       </template>       <template v-if="Msgs == null || Msgs.length == 0">          <li><a href="#"><span>您没有信息!</span><i></i></a></li>       </template>    </ul> </div>

Answer 1

我遇到这种问题，遍历失去效果时，都是在js里面重新渲染下就ok了。

Answer 2

你可以看看this.$nextTick()这是在vue的下个周期内渲染