uni-app 实现通讯录列表

我不是女神ヾ 2023-01-15 04:59 454阅读 0赞

<template>
    	<uni-indexed-list :options="list" :show-select="false" @click="bindClick" />
    </template>
    
    <script>
    	import airport from '@/common/mail_list.js'
    	export default { 
    		components: { },
    		data() { 
    			return { 
    				list: airport.list
    			}
    		},
    		methods: { 
    			bindClick(e) { 
    				console.log('点击item，返回数据' + JSON.stringify(e))
    			}
    		}
    	}
    </script>
    
    <style></style>

js:

[https://download.csdn.net/download/weixin\_45932157/16795199][https_download.csdn.net_download_weixin_45932157_16795199]

效果图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70]

[https_download.csdn.net_download_weixin_45932157_16795199]: https://download.csdn.net/download/weixin_45932157/16795199
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70]: /images/20221022/fcdaf299c8b54efd80f5b98254fc4bd0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，454人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 学习笔记二产品列表

![84ea4436659b42aba097c782b7f8a660.png][] cake.vue <template> <view>

Bertha 。/ 2024年04月08日 12:11/ 0 赞/ 118 阅读

相关仿通讯录列表

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAeGlhb2VyYnV5dTEyMzM_size_12_co

傷城~/ 2023年10月03日 18:23/ 0 赞/ 14 阅读

相关 uniapp 获取通讯录信息

getContacts: function() { var that = this;

港控/mmm°/ 2023年06月20日 06:36/ 0 赞/ 22 阅读

相关 uni-app 实现通讯录列表

<template> <uni-indexed-list :options="list" :show-select="false" @click="bindC

我不是女神ヾ/ 2023年01月15日 04:59/ 0 赞/ 455 阅读

相关 python实现通讯录功能课程设计报告_Python实现通讯录功能

\{"moduleinfo":\{"card\_count":\[\{"count\_phone":1,"count":1\}\],"search\_count":\[\{"c

àì夳堔傛蜴生んèń/ 2023年01月08日 08:16/ 0 赞/ 177 阅读

相关 html 字母列表通讯录,Flutter 城市/通讯录列表字母索引联动效果实现

前言在像通讯录，联系人列表，城市选择列表等数据量比较多的长列表页面中，我们经常会留意到产品设计会在页面的右侧区域提供一个竖向的字母索引列表，供用户点击选择快速定位到长列表中

谁践踏了优雅/ 2022年10月06日 07:57/ 0 赞/ 255 阅读

相关单链表实现通讯录

学完单链表后，这两天做了一个项目练练手，使用单链表的方式实现通讯录。通过这个项目，我对单链表又有了更深的理解，也会初步使用了。 / File Name:

青旅半醒/ 2022年07月14日 11:12/ 0 赞/ 300 阅读

相关 uniapp组件-ui-list列表

目录一、基本用法二、显示图标或图片三、右侧显示 switch/badge 四、使用插槽 -------------------- 官方示例：[https:/

小咪咪/ 2021年09月07日 06:14/ 0 赞/ 1243 阅读

相关 uniapp 列表搜索模糊查询

<template> <view>

àì夳堔傛蜴生んèń/ 2021年09月07日 06:06/ 0 赞/ 2582 阅读

相关 uniapp实战——实现列表跳转详情并传递id

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Myth丶恋晨/ 2021年07月25日 23:53/ 0 赞/ 657 阅读