router.go(n) 这个方法的参数是一个整数,意思是在 history 记录中向前或者后退多少步,类似 window.history.go(n)router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。router.replace(l
转载 2023-07-07 10:07:36
76阅读
更改iframe中src值后导致的路由跳转混乱,多次更改iframe的src属性后,调用router.go(-1),不能实现路由后退上一级。:还是在于通过ifream.src赋值,因为域相同,还是会向window.history中插入一条历史记录。
原创 2023-09-26 15:01:24
1202阅读
五. vue-router
原创 2022-09-13 12:17:13
322阅读
一、路由 路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为:后端路由和前端路由。 1.1 路由分为两大类: 前端路由:Hash地址与组件之间的对应关系。 SPA与前端路由之间的关系:SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换,要
原创 2024-01-21 02:18:43
438阅读
ajax技术:不重新加载整个页面的情况下,异步地与服务器进行通信,并更新页面的部分内容Ajax(Asynchronous JavaScript and XML)是一种使用 JavaScript 向服务器发送和接收数据的技术。 Ajax 的工作原理基于以下关键组件:XMLHttpRequest 对象:XMLHttpRequest 是浏览器提供的 API,用于创建 HTTP 请求,并与服务器进行通信。
转载 8月前
24阅读
1、声明一个 空的Vue模块 ​​goBackEntity​​import Vue from 'vue' /** * 定义空的vue实例,作为 goBackEntity实现非父子组件之间的通信(vue2.x中去掉了broadcast) */var goBackEntity = new Vue({});export default goBackEntity;2、在需要传参数的页面
原创 2022-11-29 11:05:32
1755阅读
一、问题描述vue 在使用页面跳转的时候,发现页面总是不调转,或者地址变了,页面不刷新等问题二、解决方案1、排查页面是否使用了beforeRouteLeave ,如果使用了该函数,意味着路由被拦截下来进行处理了,这个时候做完逻辑处理后必须要加上 next() 函数,才能让路由继续跳转,否则页面将不会跳转。2、排查页面是否报错,哪个方法未定义。3、检查路由配置是否正常。...
原创 2021-03-27 19:08:46
6374阅读
1、先建立一个bus文件用来公共传参bus.js  内容如下:import Vue from “vue” export default new Vue()2、在点击返回和使用this.$router.go的界面里加代码import Bus from 'bus.js' left(){ Bus.$emit('targetData','123'); this.$router
转载 2023-05-22 15:44:04
824阅读
本文介绍VUE2中routes和router,$route和$router的区别以及不同的使用场景
原创 2022-09-01 11:07:27
128阅读
一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 开始:如图,下载8
转载 10月前
195阅读
vue2 router中的 @ 符号表示srcvue2 router中的 @ 符号表示src学习了:https://segmentfault.com/q/1010000009549802这个是webpack起的别名;在build/webpack.base.conf.js中有声明; resolve: {     extensions: ['.js', '.vue', '.json'],     al
vue
原创 2021-06-03 20:31:12
540阅读
配置 实践中用到的版本 "vue":"^2.6.12" "vue-router":"^3.5.2" 创建项目 vue create learnrouter创建vue项目,可以选择自定义创建,我这里选择的是默认vue2项目 npm install vue-router@^3.5.2下载,版本3.x的都 ...
转载 2021-09-16 11:01:00
1258阅读
2评论
vue2进阶篇:vue-router之命名路由
原创 2022-11-29 16:11:51
206阅读
vue2进阶篇:vue-router之基础路由
原创 2022-11-29 16:12:04
91阅读
<?php/** * Created by PhpStorm. * User: cjl * Date: 2017/11/9 * Time: 16:57 *  加息券/红包过期前三天自动提醒功能,10:00整发送 */class MessageSendAction extends Action{    public function run(){   &
PHP
原创 2017-11-10 09:09:48
1049阅读
vue2进阶篇:vue-routerrouter-link的replace属性
原创 2022-11-29 16:11:31
115阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件 安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint 用于检查和标示出ECMAScript/JavaScript代码规范问题工具。 (2)@babel/eslint-parser 简而言之就是一个解析器,允许您使用ES
转载 2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载 2017-06-24 05:50:00
220阅读
vue2
原创 2021-08-01 18:40:40
412阅读
  • 1
  • 2
  • 3
  • 4
  • 5