vue学习
王2疼
一个前端菜鸟,想要深造 哈哈哈
展开
-
Highcharts 数据可视化 常用图表
Highcharts 各类图表展示1、 正常曲线图chartOptions: { chart: { zoomType: "x", // x轴可伸缩 height: 268 }, xAxis: { type: "datetime", // 以日期格式展示 showLastLabel: true, lineColor: '#F8F8F8', tickColor: '#F8F8F8', plotBands: { // 标示区 from: 1399305600原创 2020-12-31 17:28:20 · 703 阅读 · 0 评论 -
vue项目中微信h5页面跳转到小程序 wx-open-launch-weapp
先放上微信官方文档:微信官方文档1、先请求接口配置微信需要的一些参数// 需要先请求后端接口 let url = window.location.href.split("#")[0];let shareConfig = await shareViewAPI.getWechatConfig({url});let _this = this;// 将接口返回的信息配置 wx.config({ debug: false, appId: _this.app_id, // 必填,公众号的唯一标原创 2020-08-25 13:01:27 · 3545 阅读 · 12 评论 -
vue 播放器插件 vue-video-player 播放流文件
git项目地址:https://github.com/surmon-china/vue-video-player1、安装插件npm install vue-video-player videojs-contrib-hls -S 2、引入插件在main.js中引入import VideoPlayer from 'vue-video-player'require('vue-video-player/node_modules/video.js/dist/video-js.css')require(原创 2020-08-12 17:57:24 · 1434 阅读 · 0 评论 -
element-ui 的table无限加载更多 infinite-scroll
// 此指令依赖于 element-ui1 安装npm install el-table-infinite-scroll -S2 引入全局引入import Vue from 'vue';import elTableInfiniteScroll from 'el-table-infinite-scroll';Vue.use(elTableInfiniteScroll);局部引入import elTableInfiniteScroll from 'el-table-infinite-scr原创 2020-07-21 13:18:13 · 4505 阅读 · 2 评论 -
vue-router 懒加载报错 Loading chunk {n} failed
懒加载懒加载:避免单页面应用一次性加载全部组件造成加载时间过长。使用:// router文件中routes: [{ path: '/Login', name: 'Login', component: resolve => require(['@/views/Login'], resolve)}...]跳转或加载路由时报错 Loading chunk {n} failed使用懒加载会经常导致导航点击没用,加载模块出现错误解决:在当前文件中加入vue-routerrou原创 2020-07-01 00:23:50 · 1410 阅读 · 1 评论 -
vue配置px2rem适配移动端(自动将px转rem)vue-cli2 版本
vue配置px2rem1 安装npm install px2rem-loader lib-flexible –save2 在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible'3 在build下的 utils.js中为generateLoaders 添加 px2remLoaderconst px2remLoader =...原创 2020-04-11 09:25:03 · 718 阅读 · 0 评论 -
vue 父子页面相互传值
1、首先在main.js中添加如下代码:Vue.prototype.$eventHub = new Vue();2、父页面进入子页面及传参代码:3、子页面接收父页面传来的值onLoad(opt) { //opt是传过来的queryString对象 this.param = opt.id;}4、子页面向父页面传值...原创 2019-10-25 14:19:58 · 582 阅读 · 0 评论 -
vue项目中接入百度地图api
vue项目中接入百度地图api1、申请百度地图秘钥申请地址: http://lbsyun.baidu.com/apiconsole/key2、安装插件$ npm install vue-baidu-map --save3、 main.js中引用vue-baidu-map组件import Vue from 'vue';import BaiduMap from 'vue-baidu-m...原创 2019-04-17 17:09:50 · 3700 阅读 · 4 评论 -
用 vue + iview写项目遇到的一些问题
用iview写项目遇到的一些问题1、menu导航手动展开制定的子菜单功能快捷键1、menu导航手动展开制定的子菜单在此处先自定义了一个变量数组 openedNames最开始想的是 监听route路径,路径变化时,改变openedNames值,值是改变了,但是并没有按照name值来展开对应的子菜单。查看文档,发现有个方法updateOpened,就直接写上去了,还是无效。最后的解决办法如下:...原创 2019-03-18 12:16:26 · 1832 阅读 · 0 评论 -
Vue 学习过程中遇到的一些问题
Vue 学习过程中遇到的一些问题webpack安装失败解决:方法有点笨,但实用,我是卸载node,重新安装哈哈哈,刚开始只是自己删除了node的一个文件夹,但好像没什么用第二次在网上查了查,说是要把之前设置的关于node的环境变量什么的都得删掉(记得不可全部删除,只删除node部分的),又把报错提醒的一些文件夹里的所有关于node的文件都删除干净了,接着找到了当时下载的node安装包,...原创 2019-01-04 13:31:43 · 630 阅读 · 1 评论 -
创建一个Vue项目的完整步骤
创建一个Vue项目的完整步骤一、安装node、npm1 下载链接:node下载下载完毕后安装node,可以一直点击下一步,npm会随着node安装也安装上,环境变量也会自动配置2 验证是否安装成功window+R 输入cmd打开命令窗口输入命令node -v npm-v 显示版本号后则表示安装成功二、配置全局环境window+R 输入cmd打开命令窗口在命令窗口中输入命令npm ...原创 2018-12-29 11:24:12 · 2298 阅读 · 0 评论