微信小程序：“我的”页面布局（二）：可配置功能菜单列表

比较懒，还是上一篇的图：

如上一篇所属，“我的”页面菜单列表主要是用到了wx: for和navigator

利用navigator可以很方便的实现菜单功能，它带有的url和class、hover-class可以很轻松的设置点击效果及点击跳转地址：

在js中甚至不需要做什么事情，我这里把菜单的数据放在了js中，通过修改data中的menuitems即可达到配置的作用，甚至如果有需求，还可以放在服务端做成可随意变化的：

微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

微信小程序：“我的”页面布局（二）：可配置功能菜单列表

做一个查询的功能 可以根据id查到text 或者根据text查到id

附上数组如下

resultset: [{id:1,text:"aaa"},{id:2,text:"bbb"}, {id: 3,text: 'ccc'}, {id: 4,text: 'f'}]

之前尝试了一些方法 就像在传统语言那样遍历数组然后寻找相等的值 但是发现好像并不是特别好使

var resultSet =this.data.resultset

const length = resultSet.lengthvar val = this.data.inputValueif(val){

console.log(val) for(let i =0i<=lengthi++){ //console.log(resultSet[i])

if(val == resultSet[i].id){

console.lo("找到了") var result = this.data.resultSet[i].id

console.log("结果是"+result)

} else{

console.log("没找到结果")

}

}

}else{

console.log("没输入啊")

}

}

---