vue 的tab栏是for循环生成的,而内容是直接后台返回的字符串,请问两者怎么绑定?

Question

<div class="news_title">
          <ul>
                 <li v-for="(item,index) in newsLi" :class="{'news_active':index === newsIndex}"  @click="news_title(index)"  :type1="index">{{item}}</li>            
          </ul>
</div>

<div class="news_content" v-html="newslist">

</div>

然后tab的内容是带标签的字符串

"<ul>我是tab1的内容。</ul><ul>我是tab2的内容。</ul><ul>我是tab3的内容。</ul>......"

<div class="news_content" v-html="newslist"></div>生成页面图:

Answer 1

首先 你要确定 tab切换 内容是否需要变

Answer 2

人工分组 得到索引

var parser = /<ul[^>]*>([\s\S]*?)</ul>/gi;

或者在父级上绑定时间 算出当前 ul 在父级里 的index