前言需求是预览本地的pdf/word/epub格式的文件，但是搜索后发现没有可以直接使用的，格式不同，显示的方式和效果也都略有不同。最后还是分别实现预览的功能。如果只需要预览pdf/word等格式的话，可以使用的方案：vue-office，支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。也支持非Vue框架的预览。补充功能：pdf选中文字，epub高亮（我的需求是选中pdf/epub的文字后进行收藏）实现pdf预览和选中文字高亮方案：pdfjs+iframe因为这样可以使用浏览器自带的pdf阅读器，不需要再自己实现小图预览等功能。pdf.js实现pdf的预览与下

前言GithubActions是什么？是GitHub提供的一种持续集成/持续部署（CI/CD）工作流程自动化服务,助力项目的自动化构建、测试和部署。依托于平台，本文将分享使用GitHubActions完成对一个.NetCore+Vue的前后端分离项目zhontai的构建，并使用docker部署到云服务器(阿里云)使用说明经过一番尝试学习，个人感受是其功能齐全,文档完善，使用GitHub托管仓库完成自己的CI/CD，不再需要自己搞构建服务了。关于使用费用问题：每个用户/组织都有免费的使用额度：2000分钟/月,不同的项目归类到不同的组织，完全足够使用了。本文环境GitHub项目.NetCore项

效果图在vue3项目中，使用elementplus组件库的el-upload上传组件，进行文件、图片图像的上传功能示例。完整代码可直接复制，再改个接口地址。在这里上传图片和文件是分成

记录一下，实现项目中的小需求，刷新页面回到首页在App.vue中添加如下代码即可在created函数中判断当前路由地址是否在首页home，如果不在则替换为home页面created(){if(this.$router.path!=="/home")this.$router.replace("home")}

目录一、前言二、管理后台1.登录2.登录成功，进入欢迎页​编辑 3.视频分类管理4. 视频标签管理5.视频管理 6.评论管理​编辑 7.用户管理8.字典管理 （类似于后端的枚举） 9.参数管理（富文本录入） 10.管理员管理 三、移动端 1.首页 2.视频详情3.视频评论  4.我的 5.编辑资料6.我的关注​编辑 7.我的粉丝 8.我的视频​编辑9.登录、注册​编辑  四、关键代码实现1.后端项目结构图，idea开发工具2.数据库表脚本设计实现3.视频controller层4.后端开发文档访问5.项目端口号配置 6.移动端项目截图7.管理后台前端项目截图五、 总结一、前言项目包含管理后台、移

在vue引入elementUi时，遇到了这个问题。主要原因有如下：1.我创建的项目是使用vue3的，但是引入element时，我用了vue2的方法2.网上查的，说是我vue3版本过高导致的3.粗心大意，最主要是需要细心。引入element时，不仅需要在使用命令安装，还需要修改main.js里面的内容，下面是我修改并且成功了的。注释的代码是我因为大意造成的。给自己一个教训。import{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'//import'../node_

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录指令补充指令修饰符v-bind对于样式控制的增强 操作class案例：京东秒杀tab导航高亮操作style v-model应用于其他表单元素 computed计算属性基础语法computed计算属性vsmethods方法计算属性完整写法综合案例-成绩案例watch侦听器基础语法完整写法 指令补充指令修饰符通过"."指明一些指令后缀，不同后缀封装了不同的处理操作→简化代码①按键修饰符@keyup.enter→键盘回车监听②v-model修饰符v-model.trim→去除首尾空格v-model.numb

背景通常情况下，当我们需要从父组件向子组件传递数据时，会使用 props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用props则必须将其沿着组件链逐级传递下去，这会非常麻烦：对于这种组件使用结构，vue3给我们提供了另外一种传参方式，那就是依赖注入。一个父组件相对于其所有的后代组件，会作为依赖提供者(provide)。任何后代的组件树，无论层级有多深，都可以注入(inject)由父组件提供给整条链路的依赖。基础使用依赖提供者provide()provide的使用非常简单，下面给出代码。//1

核心点：外层循环是item和index，内层循环是item2和index2如果都是定义的同一个属性名外层循环得写:prop="'block.'+index+'.numerical'"同理内层循环就得写:prop="'objectSpecs.'+index2+'.numerical'"校验函数方法:rules="getRules(item2,item2.name)"divclass="block"v-for="(item,index)inblock":key="index">el-formref="blockForm":model="item":rules="formBlockRule":inl

主要功能实现 完成发生时间选择功能，用户可以通过日期选择器选择事件发生的时间。实现事件类型选择功能，用户可以通过下拉选择框选择事件的类型。添加子养殖场编号输入框，用户可以输入与事件相关的子养殖场编号。完成事件描述输入功能，用户可以通过文本输入框描述事件的详细情况。增加上传图片功能，用户可以选择并上传相关图片。增加上传视频功能，用户可以选择并上传相关视频。实现处理结果输入功能，用户可以通过文本输入框记录事件的处理结果。添加是否已解决选择功能，用户可以通过单选按钮选择事件是否已经解决。大概有两个样子的版本，一个是用内置组件完成的，另一个是用uni-ui扩展组件完成的，都在下面未加样式版本稍微加了点