
vue
想飞上天去和太阳肩并肩
爱(bu)好(wu)广(zheng)泛(ye)的程序媛
展开
-
return 不能结束forEach
return只结束被调用的方法:在多层嵌套中的return,它只会向上结束一层嵌套。因为forEach的参数是一个匿名函数,return只结束当前的匿名函数,并不能结束下一个匿名函数。function(){ nums.forEach(val=>{ if(obj[val]){ obj[val] += 1; if(obj[val] > nums.length/2){ return val; }原创 2022-01-06 13:28:46 · 452 阅读 · 0 评论 -
浏览器回退到指定页面vue解决方案
我们经常会遇到希望浏览器回退到指定页面的情况,网上看到最多的方案就是popstate,但是popstate在safari上是受限制的,而且改变浏览器历史记录的时候,返回的时候会出现各种奇怪的bug。然而,vue router中有个非常好用的东西,就是beforeRouteLeave路由守卫啦。beforeRouteLeave: function(to, from, next){ if(to.fullPath==='/'){ next(); }else{ next('/'); }}这里原创 2020-10-15 14:13:39 · 1728 阅读 · 0 评论 -
跨域解决方案
jsonpCORSwebpack的http proxynginx反向代理postMessagesocket.ioiframe+document.domain(主域相同,子域不同)iframe+window.nameiframe+location.hash很好的讲解视频原创 2020-09-17 14:48:08 · 127 阅读 · 0 评论 -
vue cli3 打包后路径报错
在vue.config.js中添加module.exports={ publicPath: './'}原创 2020-09-16 11:39:29 · 456 阅读 · 0 评论 -
vuex的基本使用
vue中,如果我们需要公共状态,就是每个页面都能访问到的数据中心,我们就要用到vuex,vue的中心化状态管理方案。首先我们需要安装vuexnpm install vuex --save安装完成后,我们可以在src文件夹(这里vue cli3创建的项目)创建store文件夹,并创建index.js文件import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({原创 2020-09-15 13:56:36 · 122 阅读 · 0 评论 -
vuex keep-alive动态缓存
理论网上有很多大神已经讲得很清楚,我就不赘述啦,这里我主要记录下自己的实操,作为项目总结,也便于自己以后查阅。需求:页面顺序,从A到B到C,对于B 页面,进入C页面时,需要缓存,进入A页面时,不需要缓存,A进入B的时候是要刷新的。所以,问题就是,如何让keep-alive 缓存动态进行?思路就是:动态改变keep-alive的include数组。在App.vue中<div id="app"> <keep-alive :include="keepAliveComponen原创 2020-09-14 17:52:02 · 706 阅读 · 0 评论 -
vue cli3中移动端适配方案——vw
vm是新出的移动端适配方案,提到vm我们就不得不说rem,我们首先来看下两者的区别rem布局方案:规定750px 尺寸下,我们设置跟字体html的font-size: 100px, 即1rem = 100px这样750px 尺寸的psd图片上,量得的宽度/高度, 如150px, 写到css中的时候,需要经过换算150px/100px = 1.5rem我们随着设备尺寸变化,按比例750px/100px 修改html的根字体大小rem随着跟字体变化,则页面上所有用rem单位的元素大小也跟着变化原创 2020-09-01 15:28:35 · 2048 阅读 · 0 评论 -
vue cli3中使用less
cli3使用less更为简单些,只需安装less依赖包即可npm i less less-loader安装完即可使用,如果不行,重启下项目原创 2020-09-01 11:14:34 · 1351 阅读 · 0 评论 -
vue 本地调试定位不到文件
在一个.vue文件中设置了debugger, 但是调试的时候却定位到同目录的其他文件。网上查了一些方案:在vue.config.js 中设置 productionSourceMap为true, 无效在configureWebpack中配置 devtool 为"source-map", 可以原创 2020-07-10 10:35:37 · 1592 阅读 · 0 评论 -
vue cli3关闭eslint检测
在根目录下创建vue.config.js,设置lintOnSave属性module.exports = { // 关闭eslint规范 lintOnSave: false}原创 2020-04-27 15:14:41 · 313 阅读 · 0 评论 -
vue-cli项目中加载less的配置
webpack配置文件中的以下三种写法都可以 { test: /\.test$/, loader: "style-loader!css-loader!less-loader" } { test: /\.test$/, use: [{loader: 'style-loader'},{loader: 'css-l...原创 2019-05-10 09:00:31 · 489 阅读 · 0 评论 -
vue中使用高德地图infowindow的content的优化写法
在地图开发中,我们经常会需要用到infowindow,通常情况下,我们都是用拼接字符串的方式来填充content属性 let content = [ '<div class="shipInfoPop">', '<div class="h...原创 2019-05-23 16:57:28 · 5071 阅读 · 6 评论 -
vue项目本地测试过程
npm run build 打包vue项目拷贝dist文件夹里面的static和index.html到nginx的html文件夹下启动nginx服务 start nginx注意事项:1. 80端口可能被IIS占用原创 2019-06-27 14:34:27 · 1279 阅读 · 0 评论