html5 邮箱后缀自动填写,Ant Design Vue AutoComplete 通过自定义选项search实现如自动补充邮箱后缀功能...

Ant Design Vue AutoComplete 通过自定义选项search实现如自动补充邮箱后缀功能

node.js webpack开发方式

export default {

data() {

return {

result: [],

};

methods: {

search(value) {

let result;

if (!value || value.indexOf('@') >= 0) {

result = [];

} else {

result = ['ixst.com', 'gmail.com',

'163.com', 'qq.com'].map(domain => `${value}@${domain}`);

}

this.result = result;

};

浏览器方式

Ant Design Vue AutoComplete 自动补充邮箱后缀例子

body {

padding-top: 10px

}

.ant-pagination-item-link.red {

color: red;

padding-left: 6px;

padding-right: 6px;

}

var app = new Vue({

el: '#app',

data() {

return {

dataSource: [],

};

methods: {

search(value) {

let result;

if (!value || value.indexOf('@') >= 0) {

result = [];

} else {

result = ['ixst.com', 'gmail.com', '163.com','qq.com'];

for(var i=0;i

{

result[i]=value+"@"+result[i]

}

this.dataSource = result;

});

例子

html5 邮箱后缀自动填写,Ant Design Vue AutoComplete 通过自定义选项search实现如自动补充邮箱后缀功能...相关推荐

Vue3 + Ant Design Vue 可搜索自定义字段 a-tree
记录一下,使用 Ant Design Vue a-tree 需要实现可搜索且后台返回数据不是标准数据的问题目录可搜索自定义字段完整全部代码可搜索自定义字段实现自定义字段需要使用 Tree ...
ant design vue时间范围(range-picker)自定义时间段范围
需求最近有这么一个要求选取时间的时候,禁止选择今天和之后的日期(因为可能没有数据嘛) 选取的时间区间端不能超过30天做法使用a-range-picker 添加以下属性 v-model:valu ...
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
1,首先在vue2项目中安装ant design vue组件 npm install ant-design-vue@1.7.2 2,a-cascader组件在页面中的使用 <template&g ...
ant design vue treeDefaultExpandAll 更换数据后没有自动展开
ant design vue treeDefaultExpandAll 更换数据后没有自动展开,找了官网,看到也没什么解决办法在vue当中,所以只好这样子做原理很简单,就是销毁tree-sele ...
2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享
特点拖拽播放桌面歌词 mini模式自定义托盘右键菜单任务栏缩略图,歌曲操作音频可视化自动/手动检查更新 Nedb数据库持久化自定义安装路径,安装界面美化浏览器中启动客户端 Travis ...
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
前言这次的后台管理系统项目选型用了Vue来作为主技术栈: 因为前段时间用过React来写过项目(用了antd),感觉棒棒的. 所以这次就排除了Element UI,而采用了Ant Design Vu ...
chrome插件开发（manifest_version版本V3 + Ant Design Vue）
1.什么是 Chrome 插件谷歌浏览器插件是一种小型的定制浏览器体验的程序,通过插件可以自定义浏览器的一些行为来适合个人的需求,例如上面的查看服务器状态插件. 在应用商店中下载下来的插件基本上都是 ...
【Vue3】创建 vite + vue3 + Ant Design Vue 项目
搭建脚手架创建项目: 然后按照它的指示运行项目配置文件安装构建 vue-router: npm i vue-router@next 创建 router/index.js 文件: import { ...
Ant Design Vue 切换中英文改变Menu和内容
前言,目前一个小项目使用的是Ant Design Vue,情况是路由从接口获取并渲染到页面上,切换国际化语言时,Menu 和内容都中英文自动切换. Ant Design Vue 结构 Ant D ...
vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用（2）
回顾上篇文章地址:vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用(1)_konsei的博客-CSDN博客上篇文章搭建了vue3项目,引入了ant ...

html5 邮箱后缀自动填写,Ant Design Vue AutoComplete 通过自定义选项search实现如自动补充邮箱后缀功能...

html5 邮箱后缀自动填写,Ant Design Vue AutoComplete 通过自定义选项search实现如自动补充邮箱后缀功能...相关推荐

最新文章

热门文章