H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

<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>……”

clipboard.png

<div class=”news_content” v-html=”newslist”></div>生成页面图:
clipboard.png

回答:

人工分组 得到索引

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

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

回答:

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

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

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址