<template>
<div>
<Table
:columns="columns"
:data="data"
stripe
></Table>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
show: 1,
title: 'name1'
},
{
id: 2,
show: 0,
title: 'name2'
}
],
columns: [
{
title: 'ID',
key: 'id'
},
{
title: '状态',
render: (h, params) => {
return [
h('h4', [
h('font', {
attrs: {
color: 'red'
}
}, params.row.title)
]),
h('i-switch', {
props: {
size: 'large',
value: params.row.show === 1
},
scopedSlots: {
open: () => h('span', '开启'),
close: () => h('span', '关闭')
}
})
]
}
}
]
}
}
}
</script>
[iview]Table中组件嵌套
最新推荐文章于 2024-08-19 09:56:27 发布