鍍金池/ 問答/HTML/ vue v-for 套用v-for 獲取的字符串怎么轉(zhuǎn)數(shù)組

vue v-for 套用v-for 獲取的字符串怎么轉(zhuǎn)數(shù)組

圖片描述
圖片是獲取的數(shù)據(jù)

這是我的代碼

      <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里...

回答
編輯回答
絯孑氣

代碼實現(xiàn)有很多種，思想是主要的，v-for循環(huán)類型是什么要弄清楚。item.name明顯是個字符串，就要想辦法轉(zhuǎn)換成‘數(shù)組’，然后再去循環(huán)

2017年11月3日 09:27
編輯回答
笨尐豬
<span v-for="(item,index) in item.name.split(',')" :key="index">{{item}}</span>
2018年1月27日 23:10