vue.js v-for遍历对象

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="author" content="xiaonaihu" /><meta name="generator" content="HBuilder X" /><title>v-for遍历对象</title><script src="../../lib/vue.min.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"><!-- 一般操作 不建议 --><ul><li>{{info.name}}</li><li>{{info.age}}</li><li>{{info.height}}</li></ul><!-- 1.在遍历对象的时候，如果只是获取一个值，那么获取到的时value --><ul><li v-for = "item in info">{{item}}</li></ul><!-- 2.获取key和value ， 格式：(value,key)--><ul><li v-for = "(value,key) in info">{{value}}-->{{key}}</li></ul><!-- 3.获取key和value和index， 格式：(value,key,index)--><ul><li v-for = "(value,key,index) in info">{{value}}-->{{key}}-->{{index+1}}</li></ul></div><script type="text/javascript">var app = new Vue({el: "#app",data:{info:{name:'xiaonaihu',age:18,height:1.88}}});</script></body>
</html>

vue.js v-for遍历对象相关推荐

JS 5种遍历对象的方式
JS 5种遍历对象的方式更新时间:2020年06月16日 14:20:46 作者:XXX 这篇文章主要介绍了JS中5种遍历对象的方式,文中讲解非常的细致,帮助你更好的了解JS,感兴趣的朋友可以参 ...
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=3e1adf4e‘ does not ...
vue3导入全局变量时,可以运行但是会一直显示报错,如图: 解决方法如下: 在 Vue.js 3 中,"@vue/runtime-core" 是一个包含 Vue.js 运行时核心的 ...
js for in 遍历对象与数组
遍历对象 let obj = {q:'9',w:'5',e:'2',t:'7',c:'3'}//for in 遍历对象 key为对象的属性名称,遍历属性值时用[]操作符访问//通过[]操作符为对象添加 ...
js中如何遍历对象属性
对象声明: 1.var obj = {}//字面量,建议这种方式(方便初始化赋值) 2.var obj = new Object(); 对象赋值: 1.obj.name = "zhangsa ...
js for in遍历对象_JS中轻松遍历对象属性的几种方式
自身可枚举属性 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 .如果对象的键-值都 ...
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=bd1817bb‘ does not provide
vite 2.7.8 启动后报错暂时不清楚是 2.7.8 的版本问题还是其他问题.将版本降低到 2.6.13 解决还有可能是vite 预编译缓存的问题,把 node_modules 下的 .vit ...
假如生活欺骗了你，js for in 遍历对象的Key
js for循环遍历数组遍历对象属性
1.js for循环遍历对象属性 var person = {fname:"John",lname:"Doe",age:25}; for (x in pers ...
Vue.js组件化开发实践
Vue.js组件化开发实践前言公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模板的活动设计系统的需求,便有了一下的内容.首先会对使用Vue进行开发的一 ...
Vue.js说说组件
什么是组件:组件是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能.在有些情况下,组件也可以是原生HTM ...

vue.js v-for遍历对象

vue.js v-for遍历对象相关推荐

最新文章

热门文章