vue v-for 套用v-for 获取的字符串怎么转数组

Question

图片是获取的数据

这是我的代码

      <div class="category" v-for="(item,index) in competeAll.list" :key="index">
        <div class="left">
          <span v-for="(item,index) in item.name" :key="index">{{item}}</span>
        </div>
        <div class="right">
          <div class="duihao"></div>
        </div>
      </div>

每个span包一个字符

怎样FDY显示在一个span里，半光显示一个span里...

Answer 1

<span v-for="(item,index) in item.name.split(',')" :key="index">{{item}}</span>

Answer 2

代码实现有很多种，思想是主要的，v-for循环类型是什么要弄清楚。item.name明显是个字符串，就要想办法转换成‘数组’，然后再去循环