vue文字换行，js文字换行

如果你拿到的数据是这种格式的，一个数组，需求是将下图数组中每一个数据为单独一行
数据格式是 [“Banana”, “Orange”, “Apple”, “Mango”];
在这里我只简单介绍格式，如果格式跟我的一样，那么直接用我的方法就行

 <span slot="storefront" slot-scope="text, record">
          <a-tooltip placement="bottom" class="storefront-num blue-font">
            <template slot="title" style="white-space:pre-wrap">
               {{record.storefront}}//这里渲染下图
            </template>
            共{{ record.storefront.length }}家
          </a-tooltip>
        </span>

解决办法

<span v-html="record.storefront && record.storefront.join('<br>')"></span>

一定要使用v-html以及你的数据.join(’
’)方法
我也是走了弯路，想着用v-for循环遍历，加上br来折行，后来发现都不行，既费时又费力，用v-html，你的数据.join（’
’）一分钟就可以完成

join()使用方法
join() 方法将数组作为字符串返回。
元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。