vue
开发总结
黑色的糖果
程序媛
展开
-
vue项目中使用websocket
单文件中引入使用、全局引入使用原创 2024-10-14 10:39:16 · 424 阅读 · 0 评论 -
vue项目中播放rtsp视频流
vue项目中播放rtsp视频流原创 2024-10-11 17:53:24 · 843 阅读 · 6 评论 -
vue引入svg文件及交互,使用svg-pan-zoom插件实现svg图放大缩小等操作
vue引入svg文件及交互,使用svg-pan-zoom插件实现svg图放大缩小等操作原创 2024-05-11 10:57:12 · 1368 阅读 · 0 评论 -
vue二维码生成插件qrcodejs2-fix、html生成图片插件html2canvas、自定义打印内容插件print-js的使用及问题总结
qrcodejs2-fix插件、html2canvas插件、print-js插件使用及问题总结原创 2023-11-03 15:55:40 · 1686 阅读 · 0 评论 -
nvm下载多个版本的node.js
nvm下载多个版本的node.js原创 2023-03-01 12:20:12 · 1014 阅读 · 0 评论 -
多个项目共用一个node_modules依赖包文件夹(软连接、硬链接、符号链接)
多个项目共用一个node_modules依赖包文件夹(软连接、硬链接、符号链接)原创 2022-08-02 11:42:47 · 5513 阅读 · 2 评论 -
通过vue-cli或webpack-cli搭建的vue项目使用amfe-flexible进行rem适配
前言:目前大多是通过vue-cli来搭建项目,但早前也有使用webpack-cli搭建项目,两者会在文件的目录上有些区别,整体的结构和原理是一样的。此处会分别进行介绍。一、通过vue-cli搭建项目1.安装依赖npm install amfe-flexible –savenpm install postcss-pxtorem@5.1.1 –save(尝试过下载最新版本的postcss-pxtorem报错)2.在main.js或index.js中引入import 'amfe-flexible'原创 2021-04-06 14:50:55 · 516 阅读 · 0 评论 -
通过文件流下载、预览图片,以及导出Excel表格
一、通过文件流下载图片1.接口为get方法使用window.location或a标签的src直接接收接口地址2.接口为post方法// url为获取文件流地址,payload为接口参数,fileName为图片名称axios.post(url, payload, { responseType: 'blob'}) .then(res => { let b = new Blob([res.data]); let url = URL.createObjectURL(b)原创 2020-11-11 10:52:33 · 878 阅读 · 0 评论 -
iframe父页面和子页面之间的交互
父页面:(1.html)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="parId">嵌入</div...原创 2020-03-23 10:20:35 · 440 阅读 · 0 评论 -
vue中全局和局部引入批量组件方法
前言:我在开发的时候使用到动态组件,但由于需要切换的组件太多,并且不确定到底有哪些需要切换的组件,这样的话,使用import一个一个引入是不可取的,想到官网上提供了批量引入组件的方法,用起来果然方便高效多了。一、全局批量引入创建一个.js文件,并在main.js中引入即可。( 这样引入的组件即成了全局组件,可直接使用。可根据自己的需求进行一些过滤,避免引入一些不必要的组件。)...原创 2020-02-28 15:46:22 · 4291 阅读 · 5 评论 -
vue4.0本地及上线环境请求后端配置
一、在根目录下创建三个文件:1、.env.development2、.env.production3、vue.config.js文件.env.development文件代码如下:(此文件只会在开发环境下执行)NODE_ENV = developmentVUE_APP_BASE_URL = "/api".env.production文件代码如下:(此文件只会在生产环境下执行,及...原创 2020-02-28 10:26:14 · 1406 阅读 · 0 评论 -
vue-cli4项目搭建及目录简介
一、vue-cli4项目搭建1.卸载旧版本,安装新版本卸载: npm uninstall -g @vue/cli安装: npm install -g @vue/cli查看版本:vue -V2.创建项目vue create project-name(项目名称)default:使用默认配置Manually select features:自定义配置(使用上下键切换选中后回车)3....原创 2020-02-27 10:37:47 · 4848 阅读 · 0 评论