weixin_49352307的博客

【代码】Element-Plus中实现表格中字段表单验证。

【代码】封装elemen-Plus中的drawer/dialog弹框组件。

show-file-list:是否显示已上传文件列表:auto-upload:是否在选取文件后立即进行上传到后台:on-change:文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用 回调参数file,fileList样式。

两种select组件获取修改后的值。

在components下创建一个组件命名大驼峰。其他组件直接引用中间加-

2.则可以在<template>中随便使用，无需导入使用。文件下设置全局导入使用的组件名。

【代码】使用element-plus 图标库。

在.eslintrc.cjs文件下设置全局导入使用的组件名 ，则无需导入。

在.eslintrc.cjs文件下全局配置无需导入。

shadow="never":设置卡片阴影。

model：绑定表数据对象rules：表单验证规则size： 用于控制该表单内组件的尺寸 medium / small / miniref:用于获取组件dom。

当数据量过多时，使用分页分解数据。

header-cell-style="{ background: '#f5f3f3' }"：控制表头背景颜色。.tab .el-table tr ： 设置表格背景颜色。<template #empty>：设置表格空数据。row:数组中的每一项相当于item。prop：绑定数组中的数据。lable：设置表头名称。data：绑定表格数据。$index:数组下标。

【代码】对话框-dialog。

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

默认是英文的，由于这里不涉及切换， 所以在 App.vue 中直接导入设置成中文即可。