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

vue element plus DateTimePicker 日期时间选择器

在同一个选择器里选择日期和时间 TIP 日期时间选择器来自日期选择器和时间选择器的组合。 关于属性的更详细解释,请参阅日期选择器和时间选择器。 TIP 在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (例如: VitePress). 日期和时间点#...

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

vue element plus Form 表单

表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单,您可以收集、验证和提交数据。 TIP Form 组件已经从 2. x 的 Float 布局升级为 Flex 布局。 典型表单# 最基础的表单包括各种输入表单项,比如input、select、radio、checkbox等。 在每一个 form 组件中,你需要一个 form-it...

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

vue element plus Transfer 穿梭框

基础用法# Transfer 的数据通过 data 属性传入。 数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label 为显示文本,disabled 表示该项数据是否禁止被操作。 目标列表中的数据项会同步到绑定至 v-model 的变量,值为数据项的 key 所组成的数组。 当然,如果希望在初始状态时目标列表不为空,可以像本例一样为 v-model 绑定的变量...

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

vue element plus Upload 上传

通过点击或者拖拽上传文件。 基础用法# 通过 slot 你可以传入自定义的上传按钮类型和文字提示。 可通过设置 limit 和 on-exceed 来限制上传文件的个数和定义超出限制时的行为。 可通过设置 before-remove 来阻止文件移除操作。 Click to upload jpg/png files with a size less than 500...

vue element plus Upload 上传
文章 2024-04-07 来自:开发者社区

vue element plus Layout 布局

通过基础的 24 分栏,迅速简便地创建布局。 TIP 组件默认使用 Flex 布局,不需要手动设置 type="flex"。 请注意父容器避免使用 inline 相关样式,会导致组件宽度不能撑满。 基础布局# 使用列创建基础网格布局。 通过 row 和 col 组件,并通过 col 组件的 span 属性我们就可以自由地组合布局。 分栏间隔...

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

vue element plus Link 链接

文字超链接 基础用法# 基础的文字链接用法。 defaultprimarysuccesswarningdangerinfo 禁用状态# 文字链接不可用状态。 defaultprimarysuccesswarningdangerinfo 下划线# 文字链接下划线。 Without UnderlineWith Underline...

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

vue element plus Radio 单选框

在一组备选项中进行单选 基础用法# 单选框不应该有太多的可选项, 如果你有很多的可选项你应该使用选择框而不是单选框。 要使用 Radio 组件,只需要设置v-model绑定变量, 选中意味着变量的值为相应 Radio label属性的值, label可以是String、Number 或 Boolean。 Option 1Option 2 Option 1O...

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

vue element plus Rate 评分

用于评分 基础用法# 评分默认被分为三个等级,可以利用颜色数组对分数及情感倾向进行分级(默认情况下不区分颜色)。 三个等级所对应的颜色用 colors 属性设置,而它们对应的两个阈值则通过 low-threshold 和 high-threshold 设定。 Default Color for different levels 尺寸# 允许半选# ...

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

vue element plus Select 选择器

当选项过多时,使用下拉菜单展示并选择内容。 TIP 在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (e.g: VitePress). 基础用法# 适用广泛的基础单选 v-model 的值为当前被选中的 el-option 的 value 属性值 ...

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

vue element plus Switch 开关

表示两种相互对立的状态间的切换,多用于触发「开/关」。 基础用法# 绑定 v-model 到一个 Boolean 类型的变量。 可以使用 --el-switch-on-color 属性与 --el-switch-off-color 属性来设置开关的背景色。 尺寸# CloseOpen CloseOpen CloseOpen 文字描述# ...

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

阿里巴巴终端技术

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

+关注