60 lines
1.1 KiB
JavaScript
60 lines
1.1 KiB
JavaScript
|
export default `<template>
|
||
|
|
<div>
|
||
|
|
<d2-crud
|
||
|
|
:columns="columns"
|
||
|
|
:data="data"
|
||
|
|
selection-row
|
||
|
|
@selection-change="handleSelectionChange"/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
columns: [
|
||
|
|
{
|
||
|
|
title: '日期',
|
||
|
|
key: 'date'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '姓名',
|
||
|
|
key: 'name'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '地址',
|
||
|
|
key: 'address'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
data: [
|
||
|
|
{
|
||
|
|
date: '2016-05-02',
|
||
|
|
name: '王小虎',
|
||
|
|
address: '上海市普陀区金沙江路 1518 弄'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
date: '2016-05-04',
|
||
|
|
name: '王小虎',
|
||
|
|
address: '上海市普陀区金沙江路 1517 弄'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
date: '2016-05-01',
|
||
|
|
name: '王小虎',
|
||
|
|
address: '上海市普陀区金沙江路 1519 弄'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
date: '2016-05-03',
|
||
|
|
name: '王小虎',
|
||
|
|
address: '上海市普陀区金沙江路 1516 弄'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleSelectionChange (selection) {
|
||
|
|
console.log(selection)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>`
|