卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › Vue如何刷新当前页面?我是这样做的,你呢?

Vue如何刷新当前页面?我是这样做的,你呢?

坚果大叔
2020-06-10 19:41:37技术阅读 3,743

// 前者在传参的时候可以是单独的传参方式,也可以是键值对的方式

如:
a(1,2)
Or
a({a:1,b:2})

// 后者传参的时候必须以键值对的方式出现

如:
b({a:1,b:2})

1、使用import导入组件,可以获取到组件

let name = 'component';
let myComponent =() => import('../components/' + name + '.vue');
let route={
    name:name,
    component:myComponent
}

2、使用import导入组件,直接将组件赋值给componet

let name = 'component';
let route={
    name:name,
    component :() => import('../components/' + name + '.vue');
}

3、使用require 导入组件,可以获取到组件

let name = 'component';
let myComponent = resolve => require.ensure([], () => resolve(require('../components/' + name + '.vue')));
let route={
    name:name,
    component:myComponent
}

4、使用require 导入组件,直接将组件赋值给componet

let name = 'component';
let route={
    name:name,
    component(resolve) {
        require(['../components/' + name + '.vue'], resolve)
    }
}

定义一个空白的页面

<template></template>
<script>
export default {
  name: 'reload',
  props: {},
  beforeCreate() {
      const { query } = this.$route;
      const { path } = query;
      this.$router.replace({
          path: path
      });
  },
  render(h) {
    return h();
  }
}
</script>

需要使用的页面

const { fullPath } = this.$route;
this.$router.replace({
    path: "/redirect",
    query: { path: fullPath }
});

刷新页面 组件
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
JS如何去除数组中相同的数值
上一篇
localStorage 设置过期时间?
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
什么是 Ajax? 如何创建一个Ajax?
自驾太湖龙之梦动物世界~
Git相关操作及术语(转载)
H5在safari上fixed不触底bug?
四月的倒数几天了
最近
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是Agent?
2026-08-15 23:49:12
221 0 1
什么是 Skill?
2026-08-12 21:32:42
244 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
457 8 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,583 4 0
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
345
文章
170
评论
431
喜欢