[Vue] 使用 v-for 生成列表

假设 items 是一个双重列表, 下面的循环方式是错误的(小程序中的写法)

<div class="table_tr" v-for="(items, index) in items" :key="index">
   <div class="table_td">{[item[1]]}</div>
   <div class="table_td">{[item[0]]}</div>
   <div class="table_td">{[item[3]]}</div>
   <div class="table_td">{[item[4]]}</div>
</div>

正确的写法是

<div class="table_tr" v-for="(items, index) in items" :key="index">
   <div class="table_td" v-for="(item, index) in items" :key="index">
   	{[item]}
   </div>
</div>

需要注意的是这种写法会按数值原有的顺序来填充列表, 有两种可以改变填入的顺序, 一是事先调整好数据的顺序, 二是使用 v-if 来排序, 比如

<table class="layui-table" lay-filter="test">
  <thead>
    <tr>
      &