随笔分类 - Vue
Vue的系类学习
摘要://百度坐标转高德(传入经度、纬度) function bd_decrypt(bd_lng, bd_lat) { var X_PI = Math.PI * 3000.0 / 180.0; var x = bd_lng - 0.0065; var y = bd_lat - 0.006; var z =
阅读全文
摘要:1. flv.js详情 flv.js git地址链接: https://github.com/bilibili/flv.js . 2.引入依赖 npm install --save flv.js 3.代码实现 <template> <div> <video autoplay controls wid
阅读全文
摘要:参考:https://gitee.com/xuhanga/study_hard
阅读全文
摘要:参考:https://blog.csdn.net/weixin_43965143/article/details/107670047
阅读全文
摘要:参考:https://blog.csdn.net/m0_51431448/article/details/124101378?spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%
阅读全文
摘要:在使用第三方库的tab栏切换时,我们需要带调用里面的dom元素时 遇到这种问题时,是因为我们使用了第三方的库 获取不到dom元素,在页面渲染的时候我们获取不到第三方库的dom元素所致,和vue的生命周期函数有关 解决方法 需要使用vue的异步加载方法this.$nextTick(()=>{}) 2.
阅读全文
摘要:解决办法对npm进行降级 npx -p npm@6 npm i --legacy-peer-deps 运行完后会生成一个 package-lock.json 的文件,该文件主要作用就是锁定安装包的版本号,以确保项目其他成员在npm install时大家的依赖一致。操作完以上步骤重新npm i 就能安
阅读全文
摘要:1.添加监听事件 mounted() { //添加页面改变监听 window.addEventListener('resize',this.resizeHandler) }, 记得页面销毁时候去掉监听 beforeDestroy() { //销毁页面改变监听 window.removeEventLi
阅读全文
摘要:在tab内部定义多个echart。切换tab时候发现 echart图形宽度变成100px;聚合成一坨 这里只需要在tab 的click事件中吗,加入 this.$nextTick(() => { 。。。。 }) <el-tabs v-model="activeName" @tab-click="ha
阅读全文
摘要:1.el-amap-marker 代码 <el-amap-marker v-for="(marker,index) in markers" :key ="'marker'+index" :events="markerEvents" :position ="marker.position" :labe
阅读全文
摘要:使用vue-amap 一套专门用于vue的高德地图插件 1.安装 npm install vue-amap -S 2.在main.js中引入 import AMap from 'vue-amap' Vue.use(AMap) // 初始化地图 AMap.initAMapApiLoader({ key
阅读全文
摘要:1.下载 npm install moment --save 2.main.js 挂载 引入 import moment from 'moment'//导入文件 Vue.prototype.$moment = moment;//赋值使用 3.组件中使用 const YYYYMMDD=this.$mo
阅读全文
摘要:1.安装依赖 npm install -s file-saver xlsx npm install -d script-loader 2.在src目录下的utils文件夹里面放入Blob.js和Export2Excel.js两个文件 1)Blob.js /* eslint-disable */ /*
阅读全文
摘要:1.导出按钮 <el-button type="primary" icon="el-icon-download" @click="getExportList">导出</el-button> 2. 绑定table 数据 tableData:[] tableData:[]用来从后台接口返回的数据3.导出
阅读全文
摘要:1.npm安装echarts: npm install echarts -s 2.全局引入(我们安装完成之后,可以在main.js中全局引入echarts) import echarts from "echarts"; Vue.prototye.$echarts = echarts; 3.html代
阅读全文
摘要:echarts 使用时候报错:init方法 export 'default' (imported as 'echarts') was not found in 'echarts' Cannot read property 'init' of undefined 这种原因是你安装了5.0以上版本的ec
阅读全文
摘要:按照网上 npm install echarts --s 命令,按照失败。原因时找不到资源 解决方式1: 这里需要使用 cnpm install echarts --s 命令执行。 解决方式2:(推荐) 先安装淘宝镜像然后再安装echarts npm -v npm get registry npm
阅读全文
摘要:1.利用vue脚手架创建项目 vue init webpack 项目名称 2.下载element-ui的依赖 npm i element-ui -s 3.指定当前项目中使用element-ui 在main.js 中引入 import ElementUI from 'element-ui'; impo
阅读全文
摘要:1.在github上下载项目 下载地址:https://gitee.com/julywind/vue-element-admin 2.用vscode或者webstorm等工具打开项目 前端工程下载后默认是没有依赖的,要自己运行命令下载相关依赖 npm install 启动运行 npm run dev
阅读全文
摘要:路由模式有两种 hash:路径带#符号,如:http://localhost/#/login history:路径不带#符号,如:http://localhost/login 修改路由配置,如下: /** * 配置路由 */ import Vue from 'vue' import Router f
阅读全文