AI 助理
备案控制台
文章 2024-08-15 来自：开发者社区

Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤，以及右键列表选项弹出菜单进行删除

需求就是Element UI的输入框或下拉框在输入时过滤列表，还要支持右键删除列表的某一项，记录一下。 Html代码 <el-autocomplete size="mini" style="width:250px" v-model="product" clearable placeholder="请输入商品" :fetch-suggestions="filter...

Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤，以及右键列表选项弹出菜单进行删除
文章 2024-07-04 来自：开发者社区

Element UI 密码输入框--可切换显示隐藏，自定义图标

<el-form-item prop="password"> <el-input @keyup.enter.native="login" placeholder="密码" v-model="formData.password" :type="showPassword ? 'text'...

Element UI 密码输入框--可切换显示隐藏，自定义图标
文章 2024-07-04 来自：开发者社区

Element UI 带快捷编辑的多行输入框（含光标位置的获取和指定）

光标位置的获取和指定详见代码中的注释 <template> <div style="padding: 30px"> <el-form ref="formRef" :model="formData" label-width="80px" size...

Element UI 带快捷编辑的多行输入框（含光标位置的获取和指定）
文章 2024-07-02 来自：开发者社区

Element UI 数字输入框的实现

方法一：添加正则校验 缺点：需要根据需要变更正则表达式 <template> <...

Element UI 数字输入框的实现
文章 2024-07-02 来自：开发者社区

Element UI 源码改造 —— 自定义数字输入框的实现

需求描述 表单中需要一个数字输入框，功能与 el-input-number 基本一样，但有以下区别： 1. 按上下方向键时，不改变输入的内容 2. 输入的值超出最大值或小于最小值时，保留输入的值，而不是当失去焦点时自动替换为最大或最小值 3. 像el-input一样，可以配置可清空按钮 实现方案 复制一份Eleme...

Element UI 源码改造 —— 自定义数字输入框的实现
文章 2024-07-02 来自：开发者社区

element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ？

场景描述 某班级共100个学生，现需录入学生信息，录入学生姓名时，页面上显示学生姓名，但传给后端的是学生的学号 常见误区 很多人第一反应是使用带输入建议的输入框 el-autocomplete 实现，但el-autocomplete的绑定值和显示值无法分离。 所以，此种显示和绑定值分离的情况，应使用可筛选的下拉列表实现，即带fil...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

UI element相关内容

UI更多element相关

UI您可能感兴趣

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"PAI部署多形态的SD WebUI服务","productDescription":"为企业提供云上快速部署定制化的文生图应用。","productContentLink":"https://www.aliyun.com/solution/tech-solution/pai_eas","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/pai_eas"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2509703.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"AnalyticDB 与通义千问搭建 AI 智能客服","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/analyticdb-rag","productPromotionInfoSecondText":"通义千问和LangChain搭建对话服务 ","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/tongyi-langchain"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}
PAI部署多形态的SD WebUI服务
为企业提供云上快速部署定制化的文生图应用。
解决方案推荐
AnalyticDB 与通义千问搭建 AI 智能客服 通义千问和LangChain搭建对话服务

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注