路径问题之前在本地预览项目，在本地路由中使用的模式是history模式，但是发现在GitHub上预览项目，点击各种路径无法跳转。更改为hash模式可以解决。在router文件夹中的indes.js文件中，相当于更改回了默认模式mode:'hash',constrouter=newRouter({mode:'hash',routes:[...]})虽然这样子有难看的#，但是可以保证使用。整个页面无法

前言：目前大多数新的vue项目都采用了vue3去写，在最近的项目中，需要展示数字滚动的效果，我就想到了之前用多的vue-count-to数字滚动插件，发现这个插件只使用于vue2项目，在vue3项目中并不试用

导出excel主要可分为以下两种：1.后端主导实现流程：前端调用到导出excel接口->后端返回excel文件流->浏览器会识别并自动下载场景：大部分场景都有后端来做2.前端主导实现流程：前端获取要导出的数据->把常规数据处理成一个excel文件->浏览器识别下载场景：少数据量的导出本文章主要讲述以插件辅助前端导出的流程。插件导出流程：创建一个工作簿创建一个工作表把工作表加入到工作簿中调用插件方法

在线预览：利用微软提供的OfficeOnline平台，即可实现在线预览doc、ppt、excel等文档。地址为：https://view.officeapps.live.com/op/view.aspx下载：若要实现下载功能，直接将url赋值给a标签的href属性即可下载实现方案：合同名称data(){return{contractUrl:'http://yjy-teach-oss.oss-cn-

在新机器上配置完node.js、vue-cli，配置了node_modules后，命令行运行vueui后，出现了如下报错：C:\Users\LEN>vueuiStartingGUI...Readyonhttp://localhost:8000node:events:496thrower;//Unhandled'error'event^Error:ENOENT:nosuchfileordirecto

运行环境：开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架springboot+vue项目介绍对于本考研资讯平台的设计来说，它主要是采用java

运行环境：开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架springboot+vue项目介绍对于本考研资讯平台的设计来说，它主要是采用java

文末获取源码开发语言：Java开发工具:IDEA/Eclipse数据库:MYSQL5.7使用框架:springboot+vueJDK版本：jdk1.8前言介绍本系统地描绘了整个网上线上教学平台的设计与实现，主要实现的功能有以下几点：管理员；首页、个人中心、学员管理、资料类型管理、学习资料管理、交流论坛、我的收藏管理、试卷管理、留言板管理、试题管理、系统管理、考试管理，学员；首页、个人中心、我的收藏

文末获取资源，收藏关注不迷路文章目录项目介绍技术介绍项目界面关键代码目录项目介绍线上买菜系统的开发背景主要基于当前互联网技术的发展和人们日常生活的需求。一方面，随着互联网技术的不断进步，线上购物在日常生活中所占的比例逐渐增大。因此，线上买菜系统的开发也是顺应这一趋势，为消费者提供更加便捷、快速、安全的购物体验。另一方面，人们对于日常生活所需，包括买菜在内，都有一定的需求。特别是在疫情期间，为了避免

vue前端使用pdf.js实现pdf网页预览效果前言最近，在vue项目中需要用到在线预览pdf功能，首先想到了pdf.js插件。

vue项目中原有的扩展下拉图标默认是放在左侧的，现在需求：是放置在右侧。

mergeCol(id,rowIndex){//合并单元格//id：属性名//rowIndex：行索引值varidName=this.tableData[rowIndex][id]//获取当前单元格的值if(rowIndex>0){//判断是不是第一行//eslint-disable-next-lineeqeqeqif(this.tableData[rowIndex][id]!=this.tabl

nginx镜像2.拉取nginx镜像3.运行镜像4.拷贝nginx配置文件到主机目录，为文件映射做准备（直接映射会出错）5.停止运行容器并删除容器6.重新启动容器（映射相应的目录文件）7.访问默认页面8.发布Vue

目录一、介绍二、＞＞＞三、/deep/四、::v-deep一、介绍vue项目中，会使用elementUI等组件库，有些样式直接在组件中修改无效，又因为scoped局限于当前组件，去掉scoped的话又会影响全局样式

最近维护一个以前的vue项目，遇到个keep-alive的坑，特此记下。需求是需要使用keep-alive缓存，由于缓存的页面过多会导致页面卡顿，因此需要启用条件缓存。并且有三级路由存在，也需要缓存。

本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd

viewUI一、按需引入二、忽略eslint编译器检测和编译检测1.忽略编译器检测2.编译器中忽略一、按需引入npminstallbabel-plugin-import--save-dev//.babelrc1{“plugins”:[[“import”,{“libraryName”:“view-design”,“libraryDirectory”:“src/components”}]]}//mai

从网上拉取的vue项目运行出现这个问题，实际上这个问题解决还有各自问题会报出来的原因是：node的版本不对，版本不相兼容。要安装适合的版本。

2.初始化项目使用npm或yarn创建一个新的Vue项目。VueCLI（命令行工具）是最常用的项目脚手架。

今天来解决一个问题：基于Vite构建的Vue项目在启动后只能通过localhost这种形式访问如果把localhost换成本主机的局域网ip地址之后页面无法访问了。就连用127.0.0.1都无法访问。

的使用心得electron打包exe程序主要有两种方法：1、electron-packager：初学者入门demo传送门2、electron-builder：稍微复杂一丢丢，需要配置文件#######先将vue

1.开始做自己的Vue项目，以及研究vue官网2.研究vue-router3.研究vuex4.研究vue服务端渲染

记录一下，使用echarts碰到的问题，页面切换后，表不显示，而且不是百分百出现，多次点击页面切换页面，可能出现这个问题方案一：手动删除Echarts默认生成的_echarts_instance_属性constdomMap=document.getElementById("你的图id");//清除Echarts默认添加的属性domMap.removeAttribute("_echarts_inst

/styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式

表单项–公用组件（vue-antd）1、废话不多说，先看具体效果，如下图：效果图表单校验图：校验均写在组件之中，跟当前页面文件无任何关系，当前页面只接受组件传递过来的参数…2、组件代码如下：在vue项目中

Vue.js学习14集成H265web.js播放器实现webpack自动化构建一、项目说明1.H265web.js简介2.准备环境二、项目配置1.下载H265web.js2.在vue项目里引入H265web3

【Vue】vue项目中使用tinymce富文本组件（@tinymce/tinymce-vue）一、安装二、前期准备工作1、去[官网](https://www.tiny.cloud/get-tiny/language-packages

目录概述使用Server-SentEvents(SSE)示例1.创建SpringBoot项目添加web依赖，并编写以下代码2.创建Vue项目并在项目的.vue文件中编写以下代码效果说明使用触发的方式向前端传递数据总结概述在典型的前后端分离架构中

：https://sketchfab.com/feed属于对该项目的学习，对于其中基础部分的细分和笔记准备three的流程参考图Part1：创建项目，引入three同样使用vue-cli脚手架直接搭建vue

如图所示：报此类型的错误大概率是依赖版本与cnpm版本不匹配，如图所示是在安装vue-easytable的时候报错，我之前的版本是1.7.2，后来将package.json中对应的配置改为最新版本后再安装就不报错了。

前言ElementUI组件绝大时候可以满足我们VUE项目实操中的需求，但总会有意想不到的功能需求需要我们去进行处理，所以记录如何限制小数点后两位功能。

1.封装一个waterMark.js文件，可以放在utils下；letwatermark={}letsetWatermark=(str)=>{letid='1.23452384164.123412415'if(document.getElementById(id)!==null){document.body.removeChild(document.getElementById(id))}letc

有些同学习惯性在data变量里直接初始化store的值，比如：data(){return{date:store.getters.nowDate,}}这样的值我们可能从菜单进来的时候能获取到，但是当我们刷新页面的时候就消失了，所以我们最好在计算属性里获取，如：computed:{date(){returnthis.$store.getters.nowDate;}}这样就不会在刷新页面的时候不见啦！

一、运行demonpminstallvue中templatevue中exportdefault二、注意问题跨域通常为了减轻web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上，在html页面中再通过相应的标签从不同域名下加载静态资源，而被浏览器允许webview第一次加载html很慢可以通过预加载js.babelrcbabel.config.jsRem自适应jsr

需要花钱买的插件有这个SpreadJS要在Vue项目中创建可编辑的Excel页面，你可以使用一些Vue插件和库帮助你实现此功能。

当完成了vue项目的创建之后，就可以看到项目的目录结构了。

简化了程序员基于webpack创建工程化的Vue项目的过程。三、安装与使用vue-cli是npm上的一个全局包，安装命令：npminst

vue项目改造服务端渲染概述【定义】服务器渲染的Vue应用程序被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行【优点】与传统SPA相比，服务器端渲染(SSR)的优势主要在于

前言前面我们已经学到了项目的搭建那么我们就要开始打包并且在本地部署我们的项目啦怎么使用cmd命令来进行Vue脚手架的项目搭建-CSDN博客项目打包方式一：我们采取图形化界面来实现，就是右下角的build，对，看那个该死的build，我一上午没运行出来所以我采取的是cmd界面来实现的方式二：这里我们采取的是cmd界面的形式，这里就是详细的哈哈哈哈我么就可以看到生成的项目包代理服务器Nginx是一种高

前言我们在学习html文本标记语言的时候，我们了解到了一个超链接标签，也就是对应的标签,那么大家在使用vue脚手架来创建vue项目的时候同样也会面临这种情况，就是跳转，这里就引入了Vue的路由功能介绍路由是一个涉及计算机网络的重要概念

前端部署docker[文档](https://www.imqd.cn/why-web-developer-should-study-docker.html)1.npmrunbuild打包vue项目生成dist

实现vue项目可通过IP和localhost同时访问项目localhost可以在本机访问，ip可以在同一局域网下的电脑或者移动端进行访问，运行结果如图：第一步：在webpack.dev.conf.js文件中配置

1、首先，在Vue项目中的src/components文件夹下创建一个名为AnimatedBox.vue的文件。

vue项目中引入vant组件，若发现vant组件样式失效，通常有以下几种解决方法：方法一：引入全局样式  在引入vant组件的地方或者全局引入vant组件所有的样式，引入方法为：在vue引入vant的页面中

官网青犀视频代码库/示例/demoEasyPlayer示例效果：项目背景如图后端给了m3u8的直播地址协议是hls/flv市面上很多第三方热门播放库都可以完成该多屏播放方式如Video.js问题在于分多屏时会存在性能问题并且关闭播放器后即便删除Dom或调用停止等方法F12网络还在不断的请求分片故采用该库Easyplayer该库使用方便性能较好文档清晰几乎0上手成本1.安装npminstall@ea

在项目开发中遇到一个需求：1：用鼠标滚轮可对图片进行缩放处理2：点击按钮可对图片进行缩放处理3：可对图片进行拖拽处理我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用1：个人进行实现：源码：大小未赞已赞-->下载exportdefault{data(){return{zoomD:1,love:false,imgSrc:'https://img2.baidu.com/it/u=13959

盒子包括里面内容转化成png图片的插件,我个人在项目中遇到使用它的情况是在读取身份证信息之后,将获取到的数据,填入到自己写好的div盒子内,然后转化成图片放入到展示区域内.这里只写一个简单的盒子,内部一段文字和一张图片(vue

vue项目中展示的组件，我平常都是通过v-show进行展示控制，类似这样通常情况下，一个正常展示组件的流程，是通过前端用户点击触发函数，在函数中对data数据进行操作，从而展示不同的页面showWork

我们前后端分离是经常存在前端已经开发到需要接口但后端还没开始的情况的如果直接在js中写假数据后面还要改不少东西多少有点麻烦我们可以直接在public静态资源目录下创建一个json文件这里我取名叫city.json大家可以根据自己喜好给json文件命名我这个json文件的内容是这样写的{"data":{"name":"四川","population":80000000}}就写了个json对象里面给了

默认情况下，Vue项目是通过npmrunserve启动的，它只能在本地进行访问。如果要使其可以在局域网内被访问，需要在启动命令后加上--host0.0.0.0选项，这样才可以监听所有网络接口。