果果的博客

转自https://www.cnblogs.com/minigrasshopper/p/7928311.html只可学习，不可商用！路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-gu

在有些情况下，我们不想往路由里添加历史记录。（vue的项目，vue-router中不想存历史记录）根据vue官网提供的，楼主总结了一下，主要有以下几种方案：根据官网的解释 。声明式路由和编程式路由都是添加新的记录，同时vue还提供了replace来替换路由记录，从而实现路由不存历史记录的情况，以下是楼主总结的几种方法：声明式路由 编程式 原生js实现 楼主...

我们通过一个列表，进入了下一个页面，返回列表页面的时候，怎么实现保留页面数据eg:当我们从列表的第4页去编辑这条信息，那么当编辑完成后我们是不是返回到列表页，那么列表页应该显示第几页的数据呢？解决方案：（楼主的项目是vue+element） 携带参数 当页面跳转的时候，将页码等需要保存的数据，放在路由的参数中，传递到跳转页面，当完成后，最后回调回来，将参数带回来，初始化列表数据。...

1、js，css的路径不对 方法：找到 config/index.js，将其中的assetsPublicPath值改为’./’assetsPublicPath:'./'2、css中引用的图片资源找不到 方法：找到 build/utils.js，增加一行代码即可：publicPath:"../../"3、config下的index配置以上是将文件打包在dist下的guogu...

前言：       在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我们手动进行强制刷新组件。官网是这样说的：可能你还不大理解，请继续往下看，下面是我的一个例子，来详细解说了这个方法的使用，第一个打印结果第二个打印结果         /************...

借鉴于：https://www.kancloud.cn/yunye/axios/234845！！！强烈推荐看一下，很清晰！！！1、我们在请求数据的时候，会出现几种情况，判断权限或者loading的显隐。这些在每一个请求都会做的事情，我们可以封装一个service的请求函数，将axios+interceptors封装在内！       (1)当有不符合的请求，拦截后取消请求！      ...

遇到的问题使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。在网上查找了一下，原来是HTML5 History 模式引发的问题，具体为什么，vue官方已经给出了解释，你可以看https://router.vuejs.org/zh-cn/essentials/history-mode.html但是看完问题又来了，官方给出的解决方案中没有说tom...

首先我们知道vue中有很多自定义指令，以v- 开头，例如：v-text，v-bind，v-model, v-if,等在这些指令中，部分指令之间是很容易被混淆，所以今天决定自己总结一下以下几个相似指令之间的异同：1.v-textv-text是用于操作纯文本，它会替代显示对应的数据对象上的值。当绑定的数据对象上的值发生改变，插值处的内容也会随之更新。注意：此处为单向绑定，数据对象上的值改变，插值会发生...

Usage： 子组件内容：<template><div @click="iclick"></div></template>methods:{ iclick(){ let data = { a:'data' }; this.$emit('ievent',data,'l...

用$ref调用 直接代码：子组件：<template> <div> </div></template><script> export default { data(){ return { num:'123' } }, computed: { },...

仅用于学习简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低1.共同点都是动态显示DOM元素2.区别（1）手段： v-if是动态的向DOM树内添加或者删除DOM元素； v-show是通过设置DOM元素的display样式属性控制显隐； （2）编译过程： v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简单...

转自：https://blog.youkuaiyun.com/github_38771368/article/details/77155939仅用于学习，违者必究！ 我们有时候常碰到vue中明明修改了数据，但是视图无法更新，因此我总结了一点点碰到此类的情况：1、v-for遍历的数组，当数组内容使用的是arr[0].xx =xx更改数据，vue无法监测到数组数据变动：我们使用某些方法操作数...

转自：http://blog.youkuaiyun.com/lyt_angularjs/article/details/76241626仅用于学习，不可商用！初始环境：npm+nodeCNPM:如果安装速度过慢，请安装cnpm，然后将下列所有npm换成cnpm。命令行中输入：npm i -g cnpm --registry=https://registry.npm.taobao.orgVue新建项目：npm ...

转自：http://blog.youkuaiyun.com/lily2016n/article/details/75309492仅用于学习，不可商用！1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下，安装依赖$ cd myvue$ npm install123、安装sass的依赖包npm install --save-dev sass-load...

Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。摘要2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan Y

转自：http://blog.youkuaiyun.com/u014520745/article/details/71746343仅用于学习，不可商用！！！vue使用element-ui的el-input监听不了回车事件，原因应该是element-ui自身封装了一层input标签之后，把原来的事件隐藏了，所以如下代码运行是无响应的：el-input v-model="form.

现有一个需求，点击按钮button，显示下拉选项，点击红色区域之外的地方，下拉消失！  直接上代码【通过vue的自定义指令进行操作】：html：js：1、directives自定义指令，具体看官网api2、methods方法区域备注：1、设置自定义事件v-clickoutside2、通过selectFlag【true|false】来控制显示隐藏，...