<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>
我如何做到,所以每次出现新行时它就会淡入,而不是“只是出现”?
谢谢
[添加新行时可以添加动画过渡来验证数据表