vue3组合式element-plus怎么设置Descriptions元素可写
时间: 2024-03-28 08:41:48 浏览: 171
vue3-typescript-element-admin:vue3 +打字稿+元素加
要使 `Descriptions` 元素可写,你可以在 `el-descriptions-item` 组件上添加 `edit` 属性,例如:
```html
<el-descriptions>
<el-descriptions-item label="Name" v-model="name" :edit="true"></el-descriptions-item>
<el-descriptions-item label="Age" v-model="age" :edit="true"></el-descriptions-item>
</el-descriptions>
```
其中,`v-model` 绑定了数据,`edit` 属性设置为 `true` 表示该项可编辑。你还可以为 `el-descriptions` 组件设置 `border` 属性来显示边框,如下所示:
```html
<el-descriptions :border="true">
<el-descriptions-item label="Name" v-model="name" :edit="true"></el-descriptions-item>
<el-descriptions-item label="Age" v-model="age" :edit="true"></el-descriptions-item>
</el-descriptions>
```
这样就可以在界面上显示可编辑的 `Descriptions` 元素了。
阅读全文