vue element-ui elementUi 邮箱自动补全邮箱自动填充

<el-autocompletev-model="form.user.email":fetch-suggestions="querySearchEmail":trigger-on-focus="false"placeholder="接收邮件邮箱"
>
</el-autocomplete>

// 邮箱自动填充后缀名
querySearchEmail(queryString, callback) {const emailList = [{ value: '@qq.com' },{ value: '@126.com' },{ value: '@163.com' },{ value: '@sina.com' },{ value: '@21cn.com' },{ value: '@sohu.com' },{ value: '@yahoo.com.cn' },{ value: '@tom.com' }, { value: '@etang.com' },{ value: '@eyou.com' },{ value: '@56.com' },{ value: '@x.cn' },{ value: '@chinaren.comsogou.com' },{ value: '@citiz.com' },]let results = []let queryList = []emailList.map(item => {queryList.push({ value: queryString.split('@')[0] + item.value })})results = queryString ? queryList.filter(this.createFilter(queryString)) : queryList;callback(results);
},// 邮箱填写过滤
createFilter(queryString) {return (item) => {return (item.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);};
},

vue element-ui elementUi 邮箱自动补全邮箱自动填充相关推荐

Elasticsearch生产实战（ik分词器、拼音分词、自动补全、自动纠错）
目录一.IK分词器 1.IK分词器介绍 2.安装 3.使用 4.自定义词库二.拼音分词器 1.拼音分词器介绍 2.安装三.自动补全 1.效果演示 2.实战四.自动纠错 1.场景描述 2.DSL ...
php文本框自动补全,PHP自动补全表单的两种方法
效果图: 第一种:从数据库中检索之后补全第二种:邮箱等纯前端的补全先说第二种,使用开源的插件,所以相对简单. github上面的项目 completer. https://github.com/f ...
php ssh tab补全,bash的按TAB键自动补全（自动完成）的原理与扩展
最近在用源码安装ceph,发现命令不能自动补全,然后找到了下面这篇文章,写的很好~转载一下~ 源码安装ceph命令没法自动补全的解决方法:把ceph-deploy安装的可以自动补全的系统里/etc/b ...
MATLAB常用快捷键：自动补全、自动排版、注释、去掉注释
一.在命令窗口(Command Window)中 1)[?↑ ↓]--切换到之前.之后运行过的命令,可以重复按多次来达到想要的命令. 2)[Tab]--自动补全.在Command 窗口,输入一个命令的 ...
elasticsearch模仿淘宝、京东、百度、谷歌搜索，自动补全、自动完成
Elasticsearch(简称es)是一款功能强大的开源分布式实时搜索引擎,在日志分析.企业级搜索.时序分析等领域有广泛应用,几乎是各大公司搜索分析引擎的开源首选方案.本文不讲废话,不谈理论,目的在 ...
IDEA sql自动补全/sql自动提示/sql列名提示
一.启用idea的database插件 File->Settings->Plugins 搜索Database Tools and SQL 选择Enable 启用或者勾选二.新建Datab ...
html邮箱下拉栏,jQuery实现邮箱下拉列表自动补全功能
记得,在上个项目中,遇到这样一个需求,网站要求填写邮箱的时候,还没有填写完,就会出现一系列下拉列表,帮助自动补全邮箱的功能.今天小编给给大家分享下我基于jquery是怎么实现此功能的! 功能简述 •填 ...
qlineedit文本改变时_行文本编辑框QLineEdit及自动补全
导读行文本输入框在用于界面的文本输入,在WEB登录表单中应用广泛.一般行文本编辑框可定制性较高,既可以当作密码输入框,又可以作为文本过滤器.QLineEdit本身使用方法也很简单,无需过多的设置就能 ...
pycharm逗号后面补空格_pycharm 取消空格,逗号等符号的自动补全
在PyCharm编辑HTML文件时输入Django模板语言时,发现录入 {% 不能自动补全. 找了一下,发现 setting 里可以设置 Python Template Languages,选择自己使 ...

vue element-ui elementUi 邮箱自动补全邮箱自动填充

vue element-ui elementUi 邮箱自动补全邮箱自动填充相关推荐

最新文章

热门文章

vue element-ui elementUi 邮箱自动补全 邮箱自动填充

vue element-ui elementUi 邮箱自动补全 邮箱自动填充相关推荐

最新文章

热门文章

vue element-ui elementUi 邮箱自动补全邮箱自动填充

vue element-ui elementUi 邮箱自动补全邮箱自动填充相关推荐