Vue的v-for用法
2018-11-18 19:06
232 查看
遍历数组
[code]// html部分 <ul v-for="(item,index) in obj"> ↑ 要用到什么数据就要说出来 <li>{{ index }}:{{ item }}</li> </ul> // vue部分 var vm = new Vue({ el:'.word', data:{ obj:[1,2,3,4,5] } })
遍历对象
对象的语法是{ key:value }这就不用说了吧,item在这里实际上就是value
[code]// html部分 <ul v-for="(item,key) in arr"> ↑ 要用到什么数据就要说出来 <li>{{ key }}:{{ item }}</li> </ul> // vue部分 var vm = new Vue({ el:'.word', data:{ arr:{name:'白痴',sex:'不男不女',hobby:'搞gay‘'} } })
阅读更多
相关文章推荐
- vue中watch的用法总结以及报错处理Error in callback for watcher "checkList"
- 前端人员必知的Vue.js条件v-if与列表循环v-for相关用法
- Vue2.0中 v-for指令中的key用法
- shell基础之四:函数、死循环及for,while特殊用法
- for_each的用法,转载自蕭鴻森的blog
- WaitForSingleObject的详细用法
- Java for循环的几种用法分析
- vue常用命令v-for
- startActivityForResult用法详解
- vue.js 中的在v-for节点中嵌入 v-if 的解释
- WaitForMultipleObjects用法详解
- rails 提供下拉框select和select_tag用法(附加form_for, form_tag提交表单的内容)
- startActivityForResult用法
- vue2.0 v-bind的用法
- startActivityForResult()的用法
- startActivityForResult的用法(Android)
- Activity学习之startActivityForResult()与onPause()的用法
- Vuex之理解Getters的用法实例
- scala-for高级用法
- startActivityForResult的详细用法