vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge pull request #2345 from jmverges/master 

Adds :key to DataView v-for
pull/2362/head
Tuğçe Küçükoğlu 2022-03-28 11:31:54 +03:00 committed by GitHub
parent 926467f55c c268556338
commit 7d980a74f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/dataview/DataView.vue
View File

@ -14,7 +14,7 @@
</DVPaginator> </DVPaginator>
<div class="p-dataview-content"> <div class="p-dataview-content">
<div class="p-grid p-nogutter grid grid-nogutter"> <div class="p-grid p-nogutter grid grid-nogutter">
<template v-for="(item,index) of items"> <template v-for="(item,index) of items" :key="getKey(item, index)">
<slot v-if="$slots.list && layout === 'list'" name="list" :data="item" :index="index"></slot> <slot v-if="$slots.list && layout === 'list'" name="list" :data="item" :index="index"></slot>
<slot v-if="$slots.grid && layout === 'grid'" name="grid" :data="item" :index="index"></slot> <slot v-if="$slots.grid && layout === 'grid'" name="grid" :data="item" :index="index"></slot>
</template> </template>
@ -106,7 +106,8 @@ export default {
lazy: { lazy: {
type: Boolean, type: Boolean,
default: false default: false
} },
dataKey: null
}, },
data() { data() {
return { return {
@ -129,6 +130,9 @@ export default {
} }
}, },
methods: { methods: {
getKey(item, index) {
return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
},
onPage(event) { onPage(event) {
this.d_first = event.first; this.d_first = event.first;
this.d_rows = event.rows; this.d_rows = event.rows;