iview中的表格render函数如何写入disabled
时间: 2024-02-18 20:01:14 浏览: 184
在iview的表格组件中,可以通过render函数来自定义表格的每一列。如果你想要在表格中的某一列中添加一个disabled属性,可以按照以下方式编写代码:
```javascript
<template>
<Table :data="tableData">
<Table-column
title="操作"
key="action"
align="center"
width="120"
render={(h, params) => {
return h('div', [
h('Button', {
props: {
type: 'primary',
size: 'small',
disabled: params.row.disabled // 此处将disabled属性设置为params.row.disabled
},
on: {
click: () => {
// 按钮点击事件
}
}
}, '按钮')
]);
}}
/>
</Table>
</template>
```
在上面的代码中,我们在Table-column组件的render函数中创建了一个Button组件,并在Button组件的props属性中设置了disabled属性为params.row.disabled。这样,当params.row.disabled为true时,按钮就会被禁用。
阅读全文