手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

vue-cli如何遍历展示对象属性与属性名

时间:2024-10-29 22:45:34

1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目

vue-cli如何遍历展示对象属性与属性名

2、在data中建立一个对象object,之后需要我们在页面上展现这个对象的属性(参数)与属性名(参数名)

vue-cli如何遍历展示对象属性与属性名

3、使用v-for属性来遍历对象的属性,以“value,key in object”的格式填入参数,object是被遍历的对象,value是遍历出的属性,key是遍历的属性名。固定第一个是属性值,第二个是属性名

vue-cli如何遍历展示对象属性与属性名

4、遍历的展现结果

vue-cli如何遍历展示对象属性与属性名
© 手抄报圈