时间:2021-05-26
在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决
注意: 该问题仅存在于 vue1
方法1: 将数据获取放到route.data下~
route: { data({to: {params: { page }}}) { return Promise.all([ this.getApi() ]).then(() => { }) }}方法2: 设置route.canReuse = false, 强制组件不复用~
route: { canReuse() { return false }},ready() { var request = $.ajax({ type: "POST", dataType: 'json', url: "api.php" }); request.then((json) => { // balabala });}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、安装1、安装路由vue-router:npminstallvue-routervue项目的依赖文件node_modules存在vue-router依赖,说明
最早的路由定义方式importVuefrom'vue'importVueRouterfrom'vue-router'importHomefrom'../view
注意:vue-router是无法完全控制前端路由权限。1、实现思路使用vue-router实例函数addRoutes动态添加路由规则,不多废话直接上思维导图:2
Vue-router是伴随着Vue框架出现的路由系统,它也是公认的一种优秀的路由解决方案。在使用Vue-router时候,我们常常会使用其自带的路径跳转组件Li
在上篇文章给大家介绍了使用vue.js2.0+ElementUI开发后台管理系统详细教程(一)1.引入路由工具vue-router,切换视图#安装vue-rou