<template>
<div>
<Table
:columns="columns"
:data="data"
stripe
></Table>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
show: 1
},
{
id: 2,
show: 0
}
],
columns: [
{
title: 'ID',
key: 'id'
},
{
title: '状态',
render: (h, params) => {
return h('i-switch', {
props: {
size: 'large',
value: params.row.show === 1
},
scopedSlots: {
open: () => h('span', '开启'),
close: () => h('span', '关闭')
}
})
}
}
]
}
}
}
</script>
[iview]Table中使用Switch
最新推荐文章于 2024-07-25 20:21:10 发布