文章 2024-04-07 来自:开发者社区

vue element plus Space 间距

虽然我们拥有 Divider 组件,但很多时候我们需要不是一个被 Divider 组件 分割开的页面结构,因此我们会重复的使用很多的 Divider 组件,这在我们的开发效率上造成了一定的困扰。 间距组件就是为了解决这种困扰应运而生的。 基础用法# 最基础的用法,通过这个组件来给组件之间提供统一的间距。 通过间距组件来给多个组件之间提供间距 Card nameOp...

文章 2024-04-07 来自:开发者社区

vue element plus Input 输入框

通过鼠标或键盘输入字符 WARNING Input 为受控组件,它 总会显示 Vue 绑定值。 在正常情况下,input 的输入事件应该被正常响应。 它的处理程序应该更新组件的绑定值 (或使用 v-model)。 否则,输入框的值将不会改变。 不支持 v-model 修饰符。 基础用法# 禁用状态# 通过 disabled 属性指定是否禁用...

文章 2024-04-07 来自:开发者社区

vue element plus Avatar 头像

Avatar 组件可以用来代表人物或对象, 支持使用图片、图标或者文字作为 Avatar。 基础用法# 使用 shape 和 size 属性来设置 Avatar 的形状和大小。 circle ...

vue element plus Avatar 头像
文章 2024-04-07 来自:开发者社区

vue element plus Icon 图标

Element Plus 提供了一套常用的图标集合。 使用图标# 如果你想像用例一样直接使用,你需要全局注册组件,才能够直接在项目里使用。 如若需要查看所有可用的 SVG 图标请查阅 @element-plus/icons-vue@1.x@element-plus/icons-vue@latest 和有关 Icon Collection 的源码 elemen...

文章 2024-04-07 来自:开发者社区

vue element plus Slider 滑块

通过拖动滑块在一个固定区间内进行选择 TIP 在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (e.g: VitePress). 基础用法# 在拖动滑块时,显示当前值 通过设置绑定值自定义滑块的初始值 Default value C...

文章 2024-04-07 来自:开发者社区

vue element plus TimeSelect 时间选择

用于选择或输入日期 可用时间范围是 00:00-23:59 TIP 在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (例如: VitePress). 固定时间点# 提供几个固定的时间点供用户选择 使用 el-time-select 标签,然...

文章 2024-04-07 来自:开发者社区

vue element plus Collapse 折叠面板

通过折叠面板收纳内容区域 基础用法# 可同时展开多个面板,面板之间不影响 Consistency Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are us...

文章 2024-04-07 来自:开发者社区

vue element plus Descriptions 描述列表

列表形式展示多个字段。 基础用法# User Info Usernamekooriookami Telephone18...

文章 2024-04-07 来自:开发者社区

vue element plus Empty 空状态

空状态时的占位提示。 基础用法# description 自定义图片# 通过设置 image 属性传入图片 URL。 No Data 图片尺寸# 通过使用 image-size...

vue element plus Empty 空状态
文章 2024-04-07 来自:开发者社区

vue element plus Image 图片

图片容器,在保留所有原生 img 的特性下,支持懒加载,自定义占位、加载失败等 基础用法# 可通过fit确定图片如何适应到容器框,同原生 object-fit。 fill contain ...

vue element plus Image 图片

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

阿里巴巴终端技术

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

+关注