71 lines
1.4 KiB
JavaScript
71 lines
1.4 KiB
JavaScript
|
export default `<template>
|
||
|
|
<div>
|
||
|
|
<d2-crud
|
||
|
|
:columns="columns"
|
||
|
|
:data="data"
|
||
|
|
:rowHandle="rowHandle"
|
||
|
|
@custom-emit-1="handleCustomEvent"/>
|
||
|
|
</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 弄'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
rowHandle: {
|
||
|
|
custom: [
|
||
|
|
{
|
||
|
|
text: '自定义按钮',
|
||
|
|
type: 'warning',
|
||
|
|
size: 'small',
|
||
|
|
emit: 'custom-emit-1'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleCustomEvent ({index, row}) {
|
||
|
|
console.log(index)
|
||
|
|
console.log(row)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>`
|