el-descriptions-item下面怎么绑定获取的值
时间: 2023-12-10 07:42:59 浏览: 131
如果你正在使用Vue.js,可以使用v-bind指令将获取的值绑定到el-descriptions-item组件的props上。例如:
```html
<template>
<div>
<el-descriptions>
<el-descriptions-item label="名称" :content="name"></el-descriptions-item>
<el-descriptions-item label="年龄" :content="age"></el-descriptions-item>
<el-descriptions-item label="性别" :content="gender"></el-descriptions-item>
</el-descriptions>
</div>
</template>
<script>
export default {
data() {
return {
name: '',
age: '',
gender: ''
}
},
mounted() {
// 模拟异步获取数据
setTimeout(() => {
this.name = '张三';
this.age = 18;
this.gender = '男';
}, 1000);
}
}
</script>
```
在上面的例子中,我们使用了v-bind指令将获取的name、age、gender值分别绑定到了el-descriptions-item组件的content props上。这样,在数据获取成功后,el-descriptions-item组件的内容就会自动更新。