随笔分类 - Vue
关于学习中用到的Vue知识
摘要：<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.2/vue.min.js"></script> <script>!window.Vue && document.write(unescape('%3Cscript src="/study/s
阅读全文
摘要：首先：npm install --save-dev compression-webpack-plugin@1.1.12 # 开启gzip gzip on; # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩 gzip_min_length 1k; # gzip 压缩级别，1-9，数字越大压缩
阅读全文
摘要：router.beforeEach((to, from, next) => { let user_name = localStorage.getItem('user_name') if (to.path '/') { next() return } else { if (user_name null
阅读全文
摘要：config中 index.js 修改部分 二级目录（域名部分需要nginx做配置搜索一下就好了）
阅读全文
摘要：第一种：通过路由声明的方式（优点是美观，我一般用这种） // 在路由中这样用，path后跟“/:id”，代表收到的值是id { path: '/editUser/:id', name: 'editUser', component: resolve => require(['../views/main
阅读全文
摘要：在main.js中或者单独引入（这里是直接写在了main.js中） import axios from 'axios' // 首先引入 Vue.prototype.$ajax = axios // 然后挂载到vue上 // axios请求拦截器 axios.interceptors.request.
阅读全文
摘要：我使用moment.js只用到了几个常用api，相对来说moment.js体积大一点，而day.js只有2kb，轻量，api和moment一样。 例如： 使用moment.js moment().format('YYYY-MM-DD HH:mm') 使用day.js dayjs().format('
阅读全文
摘要：解决方案：将el-image换成HTML的自有标签<img></img>即可，这样就不会有闪烁了。
阅读全文
摘要：// 通过 process.env.NODE_ENV 来判断 process.env.NODE_ENV == 'development' // 开发 process.env.NODE_ENV == 'production' // 生产
阅读全文
摘要：安装babel-polyfill：npm install --save-dev babel-polyfill 然后再main.js第一行引入：import 'babel-polyfill' // 解决兼容性问题
阅读全文
摘要：initWebSocket() { //初始化websocket this.ws = new WebSocket(url) // 在data中定义ws为null this.ws.onmessage = this.websocketonmessage this.ws.onopen = this.web
阅读全文
摘要：1 首先引入：import html2canvas from '../../static/js/html2canvas.min.js' 2 3 然后： 4 <div id="capture" style="padding: 10px; background: #f5da55"> 5 <h4 styl
阅读全文
摘要：这个，我完全是照抄大佬的 参考链接：https://blog.csdn.net/weixin_40184249/article/details/90521127 addKriging() { let _this = this let params = { mapCenter: [107.249894
阅读全文
摘要：步骤： 1、在index.html中引入：<script src="https://cdn.bootcdn.net/ajax/libs/vue-lazyload/1.3.3/vue-lazyload.js"></script> 2、在main.js中： Vue.use(VueLazyload, {
阅读全文
摘要：<template> <div class="box"> <div ref="emap" id="map"></div> <div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer"><
阅读全文
摘要：<template> <div class="box"> <div ref="emap" id="map"></div> <div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer"><
阅读全文
摘要：1 <template> 2 <div> 3 <div ref="emap" id="map"></div> 4 <div id="popup" class="ol-popup"> 5 <a href="#" id="popup-closer" class="ol-popup-closer"></a
阅读全文
摘要：<template> <div> <div ref="emap" id="map"></div> <div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer"></a> <div id=
阅读全文
摘要：1 <template> 2 <div> 3 <div id="map"></div> 4 </div> 5 </template> 6 7 <script> 8 import 'ol/ol.css' 9 import Map from 'ol/Map' 10 import Stamen from
阅读全文
摘要：initWebSocket() { //初始化websocket let wsuri = 'ws地址' this.ws = new WebSocket(wsuri) this.ws.onmessage = this.websocketonmessage this.ws.onopen = this.w
阅读全文
浙公网安备 33010602011771号