验证动画v数据表

问题描述 投票:1回答:1
<v-data-table         
    :headers="headers"
    :items="rows"
    :items-per-page="30"
     class="elevation-1">

          <template slot="rows" slot-scope="props">
              <td>{{props.rows.username}}</td>
              <td>{{props.rows.password}}</td>
          </template>
          <template v-slot:item.view="{ item }">
              <button v-on:click="viewUser(item.userId)" class="btn btn-outline-info">View Patient Data</button>
          </template>
          <template slot="rows" slot-scope="props">
          <td>{{props.rows.email}}</td>
          </template>
  </v-data-table>

我如何做到,所以每次出现新行时它就会淡入,而不是“只是出现”?

谢谢

html css vue.js vuetify.js
1个回答
0
投票

[添加新行时可以添加动画过渡来验证数据表

© www.soinside.com 2019 - 2024. All rights reserved.