如何在表格v-for出来的tr里面使用vux的Swipeout组件

Question

这是我的table

 <x-table :cell-bordered="false" style="background-color:#fff;">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>地址</th>
      </tr>
    </thead>
    <tbody>
      <div v-transfer-dom>
        <loading :show="show" :text="text"></loading>
      </div>
      <tr v-for="user in users">
        <td>{{user.name}}</td>
        <td>{{user.age}}</td>
        <td>{{user.addr}}</td>
      </tr>
    </tbody>
  </x-table>

我想要添加Swipeout组件让每一个tr都能左滑以便编辑删除

那么我的页面结构应该怎么调整？换句话说就是我的Swipeout应该如何和tr td组合使用？

Answer 1

不使用table而是换成了flexbox组件解决了