当前位置: 首页 > news >正文

(vue3)大事记管理系统 文章管理页

[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官网)

然后进行数据绑定,设置内容格式

设置宽高。完善所有信息,设置校验,点击调用封装的请求发布

编辑文章(共用抽屉)

删除文章

http://www.lryc.cn/news/194062.html

相关文章:

  • springboot 使用RocketMQ客户端生产消费消息DEMO
  • 第三章 内存管理 四、连续分配管理方式
  • npm install报--4048错误和ERR_SOCKET_TIMEOUT问题解决方法之一
  • 合并两个有序数组
  • 自动泊车系统设计学习笔记
  • 基于Java的家电销售网站管理系统设计与实现(源码+lw+部署文档+讲解等)
  • 设计模式~备忘录模式(memento)-22
  • 【Agora UID 踩坑记录 Java 数据类型】
  • ESP8285 RTOS SDK OTA
  • Hadoop3教程(四):HDFS的读写流程及节点距离计算
  • [0xGameCTF 2023] web题解
  • Qt之submodule编译
  • Python实现带图形界面的计算器
  • $ vue -Vbash: vue: command not found
  • 专业音视频领域中,Pro AV的崛起之路
  • vscode 右侧滚动条标记不提示,问题解决纪录
  • 【Java 进阶篇】JavaScript特殊语法详解
  • PCL点云处理之配准中的匹配对连线可视化显示 Correspondences(二百一十九)
  • Vue el-table全表搜索,模糊匹配-前端静态查询
  • 基于html5开发的Win12网页版,抢先体验
  • Studio One6.5中文版本下载安装步骤
  • Java架构师缓存架构设计解决方案
  • 【玩转Redhat Linux 8.0系列 | 实验—使用Bash shell执行命令】
  • Linux系统编程详解
  • ios设备管理软件iMazing 2.17.11官方中文版新增功能介绍
  • 算法通关村第18关【青铜】| 回溯
  • 【环境搭建】linux docker-compose安装seata1.6.1,使用nacos注册、db模式
  • 20231008-20231013 读书笔记
  • YOLOv8 windows下的离线安装 offline install 指南 -- 以 带有CUDA版本的pytorch 为例
  • 百度车牌识别AI Linux使用方法-armV7交叉编译