Vue中map()怎么使用
导读:本文共1679字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 一、map()是什么?其实我也不清楚,会用就好啦。数组操作是前端最重要的数据操作,构造数组数据,重构解析数组又是数组操作中很常见的。下面我将写出我得心得和map()在Vue项目中的使用。二、使用1.案例一:取给定数组的某一字段组成新数组后台传来的数据 data(json):[//data的数据{"txt":"09:00-12:00... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。其实我也不清楚,会用就好啦。数组操作是前端最重要的数据操作,构造数组数据,重构解析数组又是数组操作中很常见的。下面我将写出我得心得和map()在Vue项目中的使用。
后台传来的数据 data(json):
前台使用要为:
['09:00-12:00', '13:00-16:00', '18:00-20:00']
用到map()只需一行(我同学想要用到for循环遍历出来)我就觉得很麻烦,只记得之前貌似用过map()。快捷方法出来了学去吧。
新的接口传来data(json):
前台使用数组结构:
当然,或许你要的这样⬇ :
又或许你想要这样⬇ :
本文:
Vue中map()怎么使用的详细内容,希望对您有所帮助,信息来源于网络。