解决vue后台请求的数据,需要手动刷新页面才能显示 您所在的位置:网站首页 页面跳转自动更新无需按钮 解决vue后台请求的数据,需要手动刷新页面才能显示

解决vue后台请求的数据,需要手动刷新页面才能显示

2024-06-28 19:34| 来源: 网络整理| 查看: 265

当我们做一个分类标签的时候。比如这个样子的每个分类请求的数据不一样。我们在生命周期mounted钩子函数中通过axios请求到了数据。但是需要手动刷新页面,数据才会显示。怎么做才能不用手动就可以自动刷新呢。其实非常简单……步骤如下:

1、通过mounted钩子函数获取后端数据

 2、页面刷新问题。vue中有3种方式刷新页面

  this.$router.go(0) location.reload() provide/inject

    这里我们用this.$router.go(0)方法

3、点击分类标签自动刷新问题。

我们只需要找到分类标签在上面加上一个点击方法然后让其刷新即可。

{{ cate.name }} . . . export default { name: 'index', data(){ return{ categories: '', } }, mounted(){ this.$axios.get('后端url连接').then('数据请求成功处理').catch('数据请求失败处理') }, methods: { newLink(){ this.$router.go(0) } } }

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有