ant design vue 的表格怎么加输入框
时间: 2023-04-02 22:01:04 浏览: 164
您可以在 ant design vue 的表格中使用 ant-input 组件来添加输入框。首先,您需要在表格中定义一个列,然后将 ant-input 组件添加到该列中。例如:
```
<template>
<a-table :columns="columns" :data-source="data">
<!-- 添加一个名为 'input' 的列 -->
<template #input="text">
<a-input v-model="text"></a-input>
</template>
</a-table>
</template>
<script>
export default {
data() {
return {
columns: [
{
title: '姓名',
dataIndex: 'name',
key: 'name',
},
{
title: '年龄',
dataIndex: 'age',
key: 'age',
},
{
title: '输入框',
key: 'input', // 列的名称为 'input'
},
],
data: [
{
key: '1',
name: '张三',
age: 18,
},
{
key: '2',
name: '李四',
age: 20,
},
],
};
},
};
</script>
```
在上面的代码中,我们定义了一个名为 'input' 的列,并在该列中添加了一个 ant-input 组件。您可以根据需要自定义输入框的样式和行为。
阅读全文