[element-plus进阶]
文章列表渲染(带搜索&到分页)
表单架设:当前el-form标签配置一个inline属性,里面的元素就会在一行显示了
中英国际化处理:App.vue中el-config-provider标签包裹组件,意味着整个组件都会被其控制。该标签中添加属性:local=“zhCn”,添加之前引入
表格 先用假数据代替将来后台给我们返回的数据,基于它做渲染
准备编辑逻辑 图标绑定点击事件,传参row能拿到当前行的数据
发表时间 新建 `utils/format.js` 封装格式化日期函数
import { dayjs } from 'element-plus'
export const formatTime = (time) => dayjs(time).format('YYYY年MM月DD日')
分页Pagenation组件 提供分页修改逻辑重新渲染
添加文章(抽屉&文件上传&富文本)
文章封面 文件上传Upload组件
1一选择图片就上传2本地预览,点发布才上传到服务器,服务器压力会小一点
我们选2,需要关闭element-plus的自动上传,不需要配置action等参数
文章内容 富文本编辑器(vue-quill官网)
然后进行数据绑定,设置内容格式
设置宽高。完善所有信息,设置校验,点击调用封装的请求发布