![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue框架
文章平均质量分 68
雾里桃花
这个作者很懒,什么都没留下…
展开
-
vue使用axios下载文件流为excel文件
vue下载文件流为excel文件。axios下载文件流前端下载文件流js blob支持的类型原创 2022-09-27 09:55:56 · 1152 阅读 · 0 评论 -
nuxt在js文件中访问vuex
nuxt在js文件中访问vuex一. nuxt无法在js文件中直接引用vuex的原因二. 解决方案1.解决思路2.解决window is not defined的问题3. 解决window.$nuxt输出为undefined的问题三、最终效果nuxt因为某些特殊的原因,无法像传统的vue项目一样,在js文件中引入store文件就可以操作vuex一. nuxt无法在js文件中直接引用vuex的原因传统vue:传统的vue项目需要自己在store目录下创建vuex管理文件,最后通过引入这个管理文件就可原创 2022-05-26 18:00:17 · 1566 阅读 · 6 评论 -
elementUI el-table合并单元格
合并单元格,如果id列值一致,则合并原理1、getSpanArr(data)方法 data就是我们从后台拿到的数据,通常是一个数组;2、spanArr是一个空的数组,用于存放每一行记录的合并数;3、 pos是spanArr的索引。如果是第一条记录(索引为0),向数组中加入1,并设置索引位置;如果不是第一条记录,则判断它与前一条记录是否相等,如果相等,则向spanArr中添入元素0,并将前一位元素+1,表示合并行数+1,以此往复,得到所有行的合并数,0即表示该行不显示作者:後弦月的雨链接:转载 2022-04-15 18:11:22 · 615 阅读 · 0 评论 -
使用cdn的形式创建vue项目
使用cdn的形式创建vue项目一.实例化vue二.引入第三方组件库1.引入elementUI2.使用组件3.效果图三.开发组件1.创建pageA目录,并新建pageA.js2.在index.html中引入该文件3.使用该组件4.效果图四.路由1.引入路由文件2.引入路由组件3.最终效果一.实例化vue创建index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <titl原创 2022-01-18 17:03:24 · 5496 阅读 · 3 评论 -
vue调用本地exe程序
vue调用本地exe程序, 原生js同理1.搭建服务2.路由文件3.前端发起请求此方法需要后端的配合,简单来说了下实现思路,我是使用node+express搭建了一个服务,通过引用node中的 child_process 模块来实现的这个需求1.搭建服务在项目根目录下创建 bin/index.jsconst express = require('express'); //npm下载并引入express模块 npm -express -Dconst router = require('../rout原创 2021-12-31 13:35:09 · 9240 阅读 · 5 评论 -
vue中使用GraphQL查询api
vue+graphQL前端使用graphQL引入graphQL报错原创 2021-12-29 13:21:02 · 1934 阅读 · 5 评论 -
vue + Electron 制作桌面应用
vue制作桌面应用1.vue打包2.配置 Electron1.vue打包这里使用vue原生打包命令,对vue项目进行打包npm run build2.配置 Electron使用 Electron 制作桌面应用需要另个文件1.package.json创建一个package.json文件,将以下代码放入{ "name": "demo", //项目名称 "productName": "demo", "author": "作者", "version": "1.0.4", "m原创 2021-11-17 16:27:08 · 2458 阅读 · 0 评论 -
前端必备的学习网站
前端常用网站vue3.0 ui框架刷题算法题前端ui框架原创 2021-01-26 14:04:25 · 6092 阅读 · 1 评论 -
vue使用 Swiper Animate实现超级酷炫的滚屏动画
1.鼠标滚用切换页面,并附带超酷的动画特效2.感受页面内容从四面八方向你奔赴而来的感觉3.animate超多原生css3动画特效任你选择4.大屏数据,一屏页面,带给你无与伦比的视图体验原创 2020-07-16 10:50:08 · 6899 阅读 · 4 评论 -
使用pm2部署vue项目
使用pm2在服务器运行vue项目为什么要使用pm2运行vue项目1.打包项目2.搭建服务3.pm2启动项目为什么要使用pm2运行vue项目可能很多人都会疑惑,使用vue做好的项目直接打包放在服务器上不久可以了吗?众所周知 vue打包后会生成一个名为dist的静态资源文件夹,那么如果想要在云服务器访问这些资源只能通过 http://xxxxx/dist/index.html来访问。如果想要和...原创 2020-01-14 16:20:34 · 6930 阅读 · 4 评论 -
vue打包后路径失效、找不到、404的问题
vue打包路径丢失的问题在vue项目打包以后,本地打开项目会出现css、js路径404的问题,这是因为vue打包后的路径默认是根路径。解决方法:在vue.cofign.js文件中将 publicPath: ‘/’, 更改为 publicPath: ‘./’,(如果没有vue.cofign.js文件,需要自行创建一个)...原创 2019-10-09 09:13:53 · 2630 阅读 · 1 评论 -
使用props接收的数据,调用结果为空
在vue中,很多时候都要使用props来进行父子通信,可是代码里总会出现各式各样的问题。使用props接收的数据,为什么在子组件中显示不出来?原因是因为:在数据还没有被赋值的时候,子组件就已经显示在页面上了,所以子组件是拿不到父组件里的数据的。解决方法:给子组件添加一个if判断 如果有这条数据,在显示该组件...原创 2019-07-22 14:15:54 · 5310 阅读 · 1 评论 -
vue 启动项目时报错 ValidationError: webpack Dev Server Invalid Options
如果vue 启动项目时出现报错信息:ValidationError: webpack Dev Server Invalid Options解决的方法:找到 config.js 文件 修改一下里面的内容找到 devServer 将里面的proxy注释掉就可以了...原创 2019-05-07 15:26:12 · 36008 阅读 · 16 评论 -
vue创建项目时报错:command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org
使用vue-cli创建项目是报了如下错误: command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist总结了有以下几个解决方式:首先确保所用到的vue-cli,npm,node等,版本要高一些。然后尝试以...原创 2019-05-06 10:21:37 · 10996 阅读 · 4 评论