在vue中实现 echarts线型 背景 渐变色
在vue中实现echarts线型背景渐变色一:安装1. 首先需要安装echarts依赖包npm install echarts -S2. 或者使用国内的淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org二:创建图表全...
uniapp + vue3 设置 axios proxy 代理，并重写路径
uniapp + vue2 设置代理如下： 已生成的项目架构里面找到manifest.json文件，通过源码视图的方式打开文件，在文件中添加一下代码即可完成代理： "h5": {"devServer": {"disableHostCheck": true, //禁止访问本地host文件"port":...
vue设置路由title，实现在vue路由发生变化的时候，相应的页面title随之变化
最近用vue来做一个项目，到结尾的时候发现一个问题：不管开的是哪个组件的路由地址，网页的title都是index.html里面的title。下面总结一下解决的办法：原先我使用的是document.title =to.meta.title来改变网页标题。我们使用Vue框架开发的应用是个单页面应用，里面...
浅谈vue之$mount
直接开始吧生命周期：下图是官网给出的生命周期图，这次我们先简单讲一下mount，从图中可以看出vm.mount是vue渲染的主要函数。构建版本：在正式介绍原理之前首先要说一下完整版和只包含运行时版的区别。完整版：同时包含编译器和运行时的版本。编译器：用来将模板字符串编译成为 JavaScript 渲...
vue删除对象的属性
列表的模糊查询中，如果下拉选项中用户未选择，传递到后台的url参数会变成&used=，如果是这种情况，golang后台接口接收为null的时候，会默认赋值0，这种情况下，在前台删除这个属性就可以了，删除属性的方法如下图...
vue根据环境不同配置不同的打包命令（史上最简单）
前提：各种vue环境已经配置完毕，vue-cli脚手架安装好。 1.在项目根目录创建如下图所示三个文件，分别取名为 .env.development .env.production .env.test 2.然后在这三个文件里依次写入如下内容：NODE_ENV = ‘development’ VUE_...
vue-video-player语言设置
vue的video插件，配置度娘坑：language配置，根本不会根据你的设置去显示你想要的语言（但是对此有要求，哎）鼠标悬浮在播放按钮还是显示play或pause。各种查资料，都没找到对应的答案，各方资料，终于在这里找到答案（https://segmentfault.com/a/119000000...
Vue项目报错：‘eslint‘ 不是内部或外部命令，‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序
1、使用vue init webpack name指令时报错" ‘eslint’ 不是内部或外部命令，也不是可运行的程序 “：2、强行运行后还是报错，报了另外一个错误” ‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 "：3、解决办法：在项目目录下找到这个 node...
后台管理项目之角色、权限、菜单、用户之间的关系（Vue+node.js+Mongodb）
一、首先创建角色（前提：存在菜单列表、权限列表）1、首先此时已存在的菜单列表、权限列表（导航栏如下图） 2、然后在角色列表中，添加对应的角色，并为角色添加权限值、菜...
在vue中使用腾讯地图
在vue中使用腾讯地图开始是腾讯地图文档登录注册成为开发者，随后申请key，我们直接到第二步开始使用。以 此处https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic 的开发文档为例子。示例是直接引入script执行。在引入的时候，我们在vue里面...
vue中使用echarts-gl 三维散点图
1.依赖包：npm install echarts -Snpm install echarts-gl -S2main.js:import echarts from ‘echarts’import ‘echarts-gl’3vue文件中：（1）(2)(3)...
运行vue-element-admin项目中遇到的问题
运行项目失败 有报错 解决方式如下：如果有node_modules 删掉node_modules，然后执行npm install webpack-D 安装最新的webpack，接着执行npm install webpack-cli -d（webpack3不需要执行这一步，webpack4以上不执行此...
vue-cli+node搭建简单的增删改查
vue-cli+node搭建简单的增删改查首先先声明一下，本人对vue并不是很熟悉，尚且在学习中，由于特别好奇vue这个框架是怎么和后端进行数据交互的，所以我查询了很多资料去搭建，这里只能把我知道的记录一下，至于细节，我也尚在研究。首先呢vue前端框架和后端进行数据交互少不了webpack这个东西，...
Vue.nextTick(callback)解决video.js中出现no compatible source was found for this media的问题
查了很多文章，凡在vue项目中引入video.js插件，都会出现视频播放器中间出现一个大叉号导致视频无法播放，同时控制台出现no compatible source was found for this media的错误提醒的情况，究竟是什么原因呢？翻译过来是找不到匹配媒体资源：no compati...
vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失
原因:vue路由传递参数如果用params传递参数，那么页面刷新就会丢失数据，可以改用query来传递参数，这样刷新就不会丢失.如果传递的是对象，注意要把对象转为字符串，否则刷新就会变为undefined了.另外，二者还有点区别，直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到...
微信公众号网页授权--前端获取code及用户信息（vue）
前段时间开发微信公众号网页授权，虽然网上已经有很多关于这方面的博客或者教程，但是第一次开发还是遇到挺多坑的，以下分享一下我的踩坑填坑之路。一、测试号相关配置首先在你公司申请的测试号上配置好相关信息，这里直接上图吧：URL与Token都是要后台配置好的，直接叫后台给过来就好啦，域名一定要和URL的域名...
vue集成vue-3d-model预览3D模型
1、新增vue-3d-model依赖npm install vue-3d-model 或者 yarn add vue-3d-model2、使用若模型路径为项目内路径，则需要将模型放在vue项目根目录下项目中如下使用否则会报如下错误：若路径为服务器路径，则只需填写正确的src路径即可3、为模型添加旋转...
vue 如何实现checkbox单选功能,不用radio的情形下
效果图 <el-table :data="gridData" :show-header="showHeader"> <el-table-column width="200"> <template slot-scope="scope"> ...
vue项目中简单埋点1.0
余文乐 2020 23：02 写篇vue埋点 ???? 无脑低能篇项目背景： vue ????埋点要求 页面初始化数据 元素点击事件获取itemid （元素本身）stepid(步骤)????所需文件 ： App.vue（vue主组件） main.js （vue入口文件） 埋点单页面????具体做法：...
vue项目打包访问index.html页面出现空白
错误现象：1.主要的问题就是路径问题因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。只要修改config文件夹里的index.js里的assetsPublicPath的值；config/index.js assetsPublicPath默认的是 ‘...