小菜鸟一枚,第一次尝试这写项目中的遇到的问题.(多总结,俗话说:好记性不如个烂笔头~~)
最近在做移动端页面,其中遇到类似于查找联系人的功能,先看ui图吧,
看到这样的图立马想起来通讯录的功能,因为移动端用的是Vant的框架,所以呢~就用了indexBar的索引栏,
链接如下:vant-contrib.gitee.io/vant/#/zh-C…
官网的indexBar的基础用法是下面这样的:
//这里是每一类型行的标题
//这里是每一类型下行内容的标题
...
复制代码
根据上面官网的例子呢,目前达不到项目的中的样式和需求,那么在仔细看下内容这里 这熟悉吗?
想了解更多的van-cell,可访问这个链接:vant-contrib.gitee.io/vant/#/zh-C….
下面就说我是怎么写这块的HTML的吧.
{ { item[0] }}
:label="onTitle(valItem)" v-for="(valItem, index) in item[1]" :key="index">
复制代码注释解说(1) Object.keys 是ES6中的方法,是获取对象的key值的.(2) Object.entries 返回一个数组,可以把一个对象的键值以数组的形式遍历出来
例如:
var obj = { foo: 'bar', baz: 42 };
<