uni-app 实现通讯录列表

我不是女神ヾ 2023-01-15 04:59 383阅读 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 条评论，383人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

相关利用GUI实现简单通讯录

利用python提供的tkinter库实现通讯录代码如下： (有挺多小bug，但基本功能能实现，想用的可以自己稍微修改一下。）思路：用的最基本的方法：就是字典

亦凉/ 2022年12月28日 12:41/ 0 赞/ 177 阅读

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

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

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

相关单链表实现通讯录

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

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

相关 java使用集合实现通讯录

java使用集合实现通讯录代码有些繁琐,只适合初学者项目1 java通讯录方法(声明方法的类) 代码块代码块语法遵循标准markdown代码，例

秒速五厘米/ 2022年06月08日 01:50/ 0 赞/ 213 阅读

相关 uniapp组件-ui-list列表

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

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

相关 uniapp 列表搜索模糊查询

<template> <view>

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

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

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

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