Element-plus
饿了么组件的基本使用
Bunury
这个作者很懒,什么都没留下…
展开
-
解决el-table表格没有横向滚动条
解决方法:每个column 中添加。表头数据过多,需要添加横向滚动条。原创 2024-07-09 17:01:29 · 860 阅读 · 0 评论 -
解决树形表格 第一列中文字没有对齐
二级分类与一级分类的文字没有对齐。原创 2024-07-09 14:45:48 · 374 阅读 · 0 评论 -
基于vue3的图片上传
show-file-list:是否显示已上传文件列表:auto-upload:是否在选取文件后立即进行上传到后台:on-change:文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用 回调参数file,fileList样式。原创 2024-03-10 19:47:56 · 1931 阅读 · 0 评论 -
Element中表单下拉多选校验问题
解决方法:绑定的值需要是数组,如果选的项没有显示 就是没有双向绑定。下拉框中的表单中的值赋值完还是存在亮着校验。原创 2024-07-06 14:59:46 · 218 阅读 · 0 评论 -
Vue3+Element-plus的表单重置
1.创建表单,绑定表单数据对象model,并且每一表单需要绑定prop。作用:简化代码,重置表单数据。原创 2024-07-04 11:00:03 · 562 阅读 · 1 评论 -
基于vue3封装select组件
两种select组件获取修改后的值。原创 2024-03-17 21:21:52 · 787 阅读 · 0 评论 -
vue全局导入和按需导入Element-puls
在components下创建一个组件命名大驼峰。其他组件直接引用中间加-原创 2024-03-12 13:05:13 · 665 阅读 · 1 评论 -
element-plus配置全局组件
2.则可以在<template>中随便使用,无需导入使用。文件下设置全局导入使用的组件名。原创 2024-03-12 14:57:48 · 508 阅读 · 1 评论 -
使用element-plus 图标库
【代码】使用element-plus 图标库。原创 2024-03-12 14:59:39 · 583 阅读 · 1 评论 -
MessageBox 消息弹框
在.eslintrc.cjs文件下设置全局导入使用的组件名 ,则无需导入。原创 2024-03-12 18:51:39 · 836 阅读 · 1 评论 -
消息提示-ElMessage
在.eslintrc.cjs文件下全局配置无需导入。原创 2024-03-12 15:02:30 · 585 阅读 · 1 评论 -
卡片-el-card
shadow="never":设置卡片阴影。原创 2024-03-12 21:18:52 · 495 阅读 · 1 评论 -
el-form-表单
model:绑定表数据对象rules:表单验证规则size: 用于控制该表单内组件的尺寸 medium / small / miniref:用于获取组件dom。原创 2024-03-12 15:18:25 · 452 阅读 · 1 评论 -
分页-el-pagination
当数据量过多时,使用分页分解数据。原创 2024-03-13 15:59:48 · 379 阅读 · 0 评论 -
表格 —— el-table
header-cell-style="{ background: '#f5f3f3' }":控制表头背景颜色。.tab .el-table tr : 设置表格背景颜色。<template #empty>:设置表格空数据。row:数组中的每一项相当于item。prop:绑定数组中的数据。lable:设置表头名称。data:绑定表格数据。$index:数组下标。原创 2024-03-12 18:57:08 · 387 阅读 · 1 评论 -
对话框-dialog
【代码】对话框-dialog。原创 2024-03-12 23:32:55 · 361 阅读 · 1 评论 -
时间格式化-dayjs
1.创建工具类文件 utils/format.jsimport { dayjs } from 'element-plus'export const formatTime = (time) => dayjs(time).format('YYYY年MM月DD日 HH时mm分ss秒')2.组件中使用formatTime函数import { formatTime } from '@/utils/format.js'<el-table-column label="发表时间" pro原创 2024-03-13 15:55:37 · 714 阅读 · 0 评论 -
全局配置-中英国际化处理
默认是英文的,由于这里不涉及切换, 所以在 App.vue 中直接导入设置成中文即可。原创 2024-03-13 16:02:28 · 402 阅读 · 0 评论