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

vue element plus TimePicker 时间选择器

用于选择或输入日期 TIP 在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (e.g: VitePress). 任意时间点# 可以选择任意时间 提供了两种交互方式:默认情况下通过鼠标滚轮进行选择,打开arrow-control属性则通过界面上的箭头...

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

vue element plus 上传图片

<el-upload :drag="Pluse" action="pc/File/file" :headers="{ id: Session.get('id'), }" ...

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

vue element plus Cascader 级联选择器

当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。 TIP 在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (e.g: VitePress). 基础用法# 有两种触发子菜单的方式 只需为 Cascader 的options属性指定选...

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

vue element plus Badge 徽章

按钮和图标上的数字或状态标记。 基础用法# 可以用来展示新消息的数量。 数量值可接受 Number 或 String。 comments12 replies3 comments1 replies2 Click Me 最大值# 你还可以自定义最大值 由 max 属性定义,接受 Number 值。 请注意,仅在...

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

vue element plus Calendar 日历

显示日期 基础用法# 设置 value 来指定当前显示的月份。 如果 value 未指定,则显示当月。 value 支持 v-model 双向绑定。 2024 January Previous MonthTodayNext Month ...

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

vue element plus Card 卡片

将信息聚合在卡片容器中展示。 基础用法# 卡片包含标题,内容以及操作区域。 Card 组件由 header body 和 footer组成。 header 和 footer是可选的,其内容取决于一个具名的 slot。 Card nameOperation button List item 1 List item 2 List item 3 ...

vue element plus Card 卡片
文章 2024-04-07 来自:开发者社区

vue element plus Carousel 走马灯

在有限空间内,循环播放同一类型的图片、文字等内容 基础用法# 结合使用 el-carousel 和 el-carousel-item 标签就得到了一个走马灯。 每一个页面的内容是完全可定制的,把你想要展示的内容放在 el-carousel-item 标签内。 默认情况下,在鼠标 hover 底部的指示器时就会触发切换。 通过设置 trigger 属性为 click,可以达到点击触...

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

vue element plus 安装

环境支持# Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器,请自行添加 Babel 和相应的 Polyfill 。 由于 Vue 3 不再支持 IE11,Element Plus 也不再支持 IE 浏览器。 ...

vue element plus 安装
文章 2024-04-07 来自:开发者社区

vue element plus 快速开始

本节将介绍如何在项目中使用 Element Plus。 用法# 完整引入# 如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。 // main.ts import { createApp } from 'vue' import ElementPlus...

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

vue element plus Button 按钮

常用的操作按钮。 基础用法# 使用 type、plain、round 和 circle 来定义按钮的样式。 DefaultPrimarySuccessInfoWarningDanger PlainPrimarySuccessInfoWarningDanger RoundPrimarySuccessInfoWarningDanger 禁用状态# ...

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

阿里巴巴终端技术

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

+关注