我有一个带有 Show-select 的 v-data-table,我想获取我选择的项目的数据,至少在检查时提醒第一列值。我到处寻找。我找不到我的问题的答案。
<div id="app">
<v-app id="inspire">
<v-data-table
:value="selected"
@input="enterSelect($event)"
:items-per-page="itemsPerPage"
:headers="headers"
:items="desserts"
item-key="name"
show-select
class="elevation-1"
>
</v-data-table>
<v-dialog>
<v-card>
</v-card>
</v-dialog>
</v-app>
</div>
Run Code Online (Sandbox Code Playgroud)
js
new Vue({
el: '#app',
vuetify: new Vuetify(),
methods: {
enterSelect(values) {
if (values.length == this.itemsPerPage) {
alert('selected all')
}
}
},
data () {
return {
selected: [],
itemsPerPage: 10,
headers: [
{
text: 'Dessert (100g serving)',
align: 'left',
sortable: false,
value: 'name',
},
{ text: 'Calories', value: 'calories' },
{ text: 'Fat (g)', …
Run Code Online (Sandbox Code Playgroud)