使用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的下个周期内渲染