Korbin的博客

问题描述按照官方例子调用validate方法：this.$refs.registerForm.validate((valid) => { console.log(valid) if (valid) { // this.registerNext = true } else { return false } })发现不管表单中内容是否检验通过，valid参数的值始终为true。原

1.问题描述最近由于自己在浏览器使用体验上的差异，从Chrome换为了国产的360浏览器。然后项目在本地开发测试的时候，完全正常；但是在打包部署到服务器后，再用360浏览器访问网页时发现CSS错乱， 页面显示异常。但在换用Chrome、Firefox、QQ浏览器、Edge等其他浏览器访问又是正常的。2.问题分析其他浏览器能够正常访问页面，说明是360浏览器自己的问题。后来发现我的360浏览器默认的采用了：兼容模式，如下图所示：于是尝试性的将模式切换为：极速模式 后，发现页面重新加载，显示正常了。并

1.前言将Vue项目打包后部署到服务器下的Nginx后，发现页面首次加载时会特别慢，甚至到了20s~30s，通过浏览器调试工具可以查看加载慢的资源文件，其中最主要的是js文件和一些图片。明确了导致加载慢的原因，下面总结了一些对这些资源文件加载的优化方案：2.图片优化方案1.直接将图片压缩到尽可能小、尽可能可以忍受的极限。2.使用CDN加速资源，国内常见的CDN资源加速服务提供商如：七牛云；3.将图片压缩为webp格式，兼容性不好。另外就是我在引入webp时编译出错，也就没做过多的探索了；

1.为什么cookie会丢失？一个没有经过代理的地址如：http://127.0.0.1/project，它cookie的path为：/project；但如果做了代理的处理，如地址：http://127.0.0.1/proxy_path，那cookie的path就变为了代理地址：/proxy_path。如果cookie的path与地址栏上的path不相符游览器就不会接受这个cookie，那每次请求都会重新生成cookie，cookie中存放这sessionId,自然session也就跟着失效了。2.

前言JS插件moment模块可以格式化时间。安装cnpm install moment --save在main.js中引入：import moment from 'moment';Vue.prototype.$moment = moment;使用//模块中使用：{{this.$moment(item.endTime).format("YYYY-MM-DD HH:mm:ss")...

1.前言在项目中遇到需要在父路由中调用子路由中的方法，这样的问题实际也是组件间的通信，在子路由中可以直接通过this.$parent.xxx来调用父页面中的方法，但反过来就有点头疼了，经过一番查阅后通过bus成功解决问题，这里仅记录如何解决应用问题，不追究bus更多的原理。2.抽取封装bus项目src下新建utils目录，新建bus.js：import Vue from 'vue'con...

问题在路由嵌套时，如果此时地址栏到了子路由下面，刷新页面路由地址肯定不会有变化，那么此时会出现子路由页面没有重新渲染的情况。解决方法方法1在子路由的容器在router-view中加上条件渲染 v-if ，默认为true。让它显示出来，在父路由重新渲染完成后，将条件渲染的值变为false，在修改渲染条件数据之后使用 $nextTick，再将条件渲染的值变为true，相当于重新加载了一次子路由...

我使用的是Vue-cli(simple)脚手架，目录结构更为简洁。修改相关的配置，避免部署后常出现的空白页问题，而引起这个问题的根本原因是资源路径问题：1.一个是index.html中的build.js路径问题；2.一个是dist中静态资源路径问题。在webpack.config.js中加.，将绝对路径改为相对路径。在index.html中同样加.，改为相对路径。打包在控制...

问题在使用ElementUI中el-upload插件进行图片的上传并预览时，在第二次选择图片覆盖第一次选择的图片时，图片被覆盖，但返回的图片地址相同，此时预览的图片没变化，依旧是被覆盖前的图片。原因这是由于图片地址没变化浏览器依旧使用之前缓存了的图片，不会做刷新。解决方法在修改img的src属性的时候加上一个随机数，让浏览器以为要做一次新的请求去获取图片。upLoadImageSucc...

1、原因这个问题的产生关系到会话保持的原理：当浏览器第一次请求服务器时，服务器会为其创建一个session对象，每个session对象有一个自己的唯一id作为自己的标识。服务器为了判断下次请求的是不是同一个浏览器，会把这个sessionId放到cookie中，以cookie的形式返回给浏览器，并暂时存储在浏览器中。这样，只要浏览器不关闭，再去访问服务器时，就会自动带上这个sessionId，服务...

1.vuex的作用vuex是vue的一个状态管理库，用于各组件之间进行数据共享，并且这个数据是响应式的，比如说一个组件中将vuex的值加1，另一个组件中显示的这个值会自动变化为加1后的值。所以有个很好的应用实例就是：登录的状态、信息的存储。2.安装cnpm install vuex --save3.封装新建vuex目录，该目录下新建store.js。import Vue from '...

1.原因由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，所以后端未能正常获取到参数。2.解决方法在发送之前，使用qs模块对其进行处理。3.具体步骤安装qs模块:cnpm install qs --save：在main.js 中添加:import qs from qs。使用qs:this.$axios.post( ...

网上很多方法我都试了，不仅麻烦，还行不通，亲测下面方法可行。1.安装依赖cnpm install bootstrap3 --save-devcnpm install jquery --save-devcnpm install popper.js --save-dev2、引入相关资源在项目的main.js中添加：import $ from 'jquery';import 'boot...

前言简单记录学习Vue基础后一眼记不熟的或值的记录的知识。笔记class绑定：<p class="classB" :class="a">表达式是字符串: 'classA'</p> <p :class="{classA: isA, classB: isB}">表达式是对象: {classA:isA, classB: isB} isA、isB为true...

前言之前还未完全接触Vue，在做项目时有机会用到了element ui的组件，也了解到Vue的一些基本用法，但都是通过script标签直接本地引入的，这种方式对于单页面的数据双向绑定可以很方便很爽的使用。再一次由于项目的需求，需要用到路由，用之前的本地引用方式不知道如何解决，无奈只能去研究学习下脚手架了。vue-cli的作用是下载模版项目，快速拉取相关依赖，类似于springboot的快速构...