mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-05-04 09:08:57 +08:00
59 lines
2.0 KiB
Markdown
59 lines
2.0 KiB
Markdown
```html
|
|
<template>
|
|
<Wb-table :data="data">
|
|
<Column key="date" name="日期"></Column>
|
|
<Column key="name" name="姓名"></Column>
|
|
<Column key="age" name="年龄"></Column>
|
|
<Column key="adr" name="地址"></Column>
|
|
<Column name="查看图片" :component="component"></Column>
|
|
</Wb-table>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data: function(){
|
|
return {
|
|
data: [{
|
|
name: "张晓刚",
|
|
age: 24,
|
|
date: new Date(2016, 9, 10),
|
|
adr: "北京市海淀区西二旗",
|
|
status: 1
|
|
}, {
|
|
name: "李晓红",
|
|
age: 26,
|
|
date: new Date(2016, 9, 11),
|
|
adr: "北京市海淀区西二旗",
|
|
status: 2
|
|
}, {
|
|
name: "隔壁老王",
|
|
age: 22,
|
|
date: new Date(2016, 9, 12),
|
|
adr: "北京市海淀区西二旗",
|
|
status: 3
|
|
}, {
|
|
name: "我爸是李刚",
|
|
age: 19,
|
|
date: new Date(2016, 9, 13),
|
|
adr: "北京市海淀区西二旗",
|
|
status: 4
|
|
}],
|
|
component: function (data) {
|
|
return new Vue({
|
|
template: "<Wb-button v-zoom :zoom-option='zoomOption'
|
|
type='primary'>点击查看图片</Wb-button>",
|
|
data: function () {
|
|
return {
|
|
zoomOption: {
|
|
src: "images/girl.jpg",
|
|
minWidth: 200,
|
|
maxWidth: 500
|
|
}
|
|
}
|
|
}
|
|
})
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
``` |