摘要: 官方文档:路由meta元信息 前言: 在设置面包屑导航还有菜单栏的时候,路由的meta字段可以自定义我们需要的信息,然后路由跳转的时候,提供我们判断条件 文档: 定义路由的时候可以配置 meta 字段: 那么如何访问这个 meta 字段呢? 首先,我们称呼 routes 配置中的每个路由对象为 路由 阅读全文
posted @ 2019-01-12 17:21 front-gl 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 每天记录一点点,把我遇到的问题记录下来, 希望可以帮助到更多和我遇到同样问题的人。 问题描述:通过调接口,动态显示帮助页面的问题列表, 问题列表有多级,当点击的这个问题没有下一级问题的时候跳入内容页。 问题出在,我在电脑上做移动端页面的时候,相继跳到详情页,我想返回,点击 按钮,直接跳转到了如上第一 阅读全文
posted @ 2019-01-12 17:16 front-gl 阅读(4425) 评论(0) 推荐(0) 编辑
摘要: 问题一:// 动态路由/detail/:id 问题:动态路由跳转的时候,页面是不刷新的,相信很多人都遇到了相同的问题解决方法:在全局的router-view组件上设置一个key值,此key值为一个时间戳或者随机字符,对于keep-alive的组件不做这个处理。 问题二: router.go(0) 问 阅读全文
posted @ 2019-01-12 17:10 front-gl 阅读(11483) 评论(0) 推荐(0) 编辑
摘要: 最近被问到VueRouter的两种模式的区别,答:Hash模式url上有#号,History模式url上没有#。完! 也不知道这么回答对不对,就看了看资料,发现也就是这个意思吧! Vue-Router中有两种URL模式,一个是Hash(默认),一个是History模式。 const router = 阅读全文
posted @ 2019-01-12 17:08 front-gl 阅读(1453) 评论(0) 推荐(0) 编辑
摘要: 官方文档: https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90 需要后端配置 阅读全文
posted @ 2019-01-12 17:06 front-gl 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 情景: 在进行正常页面跳转操作后(页面A跳转到页面B),点击浏览器的左上角的‘后退’按钮,点击后,可以看到url地址已经发生了变化(url由页面B变为页面A),hash值也已经是上一页的路由,但是浏览器显示的内容却没有发生变化(依旧是页面B)。 没有任何报错(页面A和页面B无任何js错误或者兼容性错 阅读全文
posted @ 2019-01-12 17:04 front-gl 阅读(16626) 评论(1) 推荐(1) 编辑
摘要: 1. sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。 用法: 储存: 1. 点(.)运算符 sessionStorage.lastname = 'JSAnntQ'; 2. 方括号([ ])运算符 sess 阅读全文
posted @ 2019-01-12 15:19 front-gl 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 假设有如下代码: 上面的代码的效果是,当我们输入firstName后,wacth监听每次修改变化的新值,然后计算输出fullName。 handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算。那我们想要 阅读全文
posted @ 2019-01-12 15:05 front-gl 阅读(268) 评论(0) 推荐(0) 编辑
摘要: watch 监视模式里面有个独特的方法handler 注意要加上deep: true。deep为true时,当对象的key值改变时也监听 当值发生改变被watch监视到触发了事件 开始执行handler 把修改的值items放到封装好的函数save存储到浏览器本地存储 在data数据里面把items 阅读全文
posted @ 2019-01-12 15:03 front-gl 阅读(5237) 评论(0) 推荐(0) 编辑
摘要: 这篇文章主要介绍了详解vuex结合localstorage动态监听storage的变化,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 需求:不同组件间共用同一数据,当一个组件将数据发生变化时,其他组件也可以响应该变化。 分析:vue无法监听localstorage的变化 阅读全文
posted @ 2019-01-12 15:01 front-gl 阅读(7294) 评论(0) 推荐(1) 编辑
摘要: 转:https://www.cnblogs.com/heioray/p/7193841.html 模式 vue-router中的模式选项主要在router实例化的时候进行定义的,如下 const router = new VueRouter({ mode: 'history', // 两种类型his 阅读全文
posted @ 2019-01-12 14:59 front-gl 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 通常,我们在使用vue编写页面时,会需要使用vuex在组件间传递(或者说共同响应)同一个数据的变化。例如:用户的登录信息。 下面,我们使用传递用户登录信息的例子来一步步解决这个问题。 首先,我们的第一个问题是:我在一个组件(例如登录组件页面)中登录了后,其它页面要怎么获取和响应这个变化?(就是这么小 阅读全文
posted @ 2019-01-12 14:57 front-gl 阅读(2820) 评论(0) 推荐(0) 编辑
摘要: vm 表示this ,可以调用 num了 三个钩子函数: beforeRouteEnter, beforeRouteUpdata, beforeRouteLeave 阅读全文
posted @ 2019-01-12 14:48 front-gl 阅读(1632) 评论(0) 推荐(0) 编辑
摘要: JSON.parse(): Unexpected token i in JSON at position 2 报错问题 错误代码: 正确代码: 总结: 在使用JSON.parse的时候,返回来的数据一定是严格的json格式,key值一定要用 双引号 包起来,否则浏览器就会抛出异常。 另外,对于不标准 阅读全文
posted @ 2019-01-12 14:28 front-gl 阅读(5327) 评论(0) 推荐(0) 编辑