mirror of
https://gitee.com/xuliangzhan_admin/vxe-table.git
synced 2026-01-21 05:27:57 +08:00
59 lines
1.3 KiB
Vue
59 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<p>子路由 2</p>
|
|
|
|
<vxe-table
|
|
border
|
|
show-overflow
|
|
height="400"
|
|
:loading="demo1.loading"
|
|
:data="demo1.tableData">
|
|
<vxe-table-column type="radio" width="60"></vxe-table-column>
|
|
<vxe-table-column field="role" title="Role"></vxe-table-column>
|
|
<vxe-table-column field="age" title="Age"></vxe-table-column>
|
|
<vxe-table-column field="num2" title="Num2"></vxe-table-column>
|
|
<vxe-table-column field="rate" title="Rate"></vxe-table-column>
|
|
</vxe-table>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="tsx">
|
|
import { defineComponent, reactive } from 'vue'
|
|
|
|
export default defineComponent({
|
|
setup () {
|
|
const mockList = (size: number) => {
|
|
const list: any[] = []
|
|
for (let index = 0; index < size; index++) {
|
|
list.push({
|
|
name: `名称${index}`,
|
|
role: `角色${index}`,
|
|
sex: '0',
|
|
num: 123,
|
|
age: 18,
|
|
num2: 234,
|
|
rate: 3,
|
|
address: 'shenzhen'
|
|
})
|
|
}
|
|
return list
|
|
}
|
|
|
|
const demo1 = reactive({
|
|
loading: false,
|
|
tableData: [] as any[]
|
|
})
|
|
|
|
demo1.loading = true
|
|
setTimeout(() => {
|
|
demo1.tableData = mockList(600)
|
|
demo1.loading = false
|
|
}, 300)
|
|
|
|
return {
|
|
demo1
|
|
}
|
|
}
|
|
})
|
|
</script>
|