如何在 Bootstrap-Table-Vue 中使用主鍵？但問題是有時資料的id欄位為0。我想要自動分配id。
我的資料：
items = [{id:0,name:'Ali'},
{id:1,name:'Veli'},
{id:2,name:'Berkay'},
{id:0,name:'Mehmet'},
]
<b-table
:items="filteredItems"
:fields="filteredFields"
primary-key="id"
/>
uj5u.com熱心網友回復：
在這種情況下，您可以迭代 items 陣列并primaryKey在每個將包含索引的物件中添加屬性。
const items = [
{id:0, name:'Ali'},
{id:1, name:'Veli'},
{id:2, name:'Berkay'},
{id:0, name:'Mehmet'}
];
items.forEach((obj, index) => {
obj['primaryKey'] = index
});
console.log(items);作業演示b-data-table ：
new Vue({
el: '#app',
data: {
items: [
{id:0,name:'Ali'},
{id:1,name:'Veli'},
{id:2,name:'Berkay'},
{id:0,name:'Mehmet'}
],
fields: [
{
key: 'name',
label: 'Name'
}
],
},
mounted() {
this.items.forEach((obj, index) => {
obj['primaryKey'] = index
});
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bootstrap-vue.common.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.2/css/bootstrap.css"/>
<div id="app">
<b-table class="mt-4" :items="items" :fields="fields" primary-key="primaryKey"/>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/521072.html
上一篇：如何使用v-for添加組圖示？