vue中按钮操作完刷新页面的实现
更新时间：2022年07月06日 11:54:52 作者：醉梦洛
这篇文章主要介绍了vue中按钮操作完刷新页面的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue按钮操作完刷新页面
首先从子组件和父组件角度去写这个东西，简言之就是在父组件中实现这个刷新功能方法，然后在子组件中进行绑定并进行监听就好了啊
1.父组件中实现
① 图示部分：
个人建议这个作为父组件，肯定一般是放在列表中的，即把列表页面作为父组件的归属地
② 代码部分：
method方法中部分
refresh () {
this.reload()
}将reload进行注入
inject: ['reload'],
2.子组件绑定
① 子组件进行绑定
在父组件中引用子组件页面的地方进行绑定
如图：
绑定脚本：
@refresh="refresh"
② 单独去子组件页面处理成功的地方去监听
图示：比如就以这个页面为例子
进入子页面：
在子页面组件中处理成功后进行监听父组件中刷新方法，以上设置完就ok了
点击按钮后自动刷新页面
在按钮点击事件中添加
window.location.reload();
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue实现浏览器全屏展示功能,项目中使用的是sreenfull插件，执行命令安装，具体实现代码跟随小编一起看看吧2019-11-11
这篇文章主要介绍了vue3 vite配置跨域以及不生效问题,本文给大家分享完美解决方案，需要的朋友可以参考下2023-07-07
本文主要介绍了vue中动态修改img标签中src的方法实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了Vue使用video.js的代码详解,包括在vue脚手架中引入video.js，实例化了视频.js播放器，并在上销毁了它，结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-03-03
这篇文章给大家分享了基于vue实现一个简单的MVVM框架的相关内容，有需要的朋友们可以参考学习下。2018-08-08
这篇文章主要介绍了浅谈vue父子组件怎么传值,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
vue中的this.$router.push()路由传值方式
这篇文章主要介绍了vue中的this.$router.push()路由传值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vite如何build时清除console.log()问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
vue-router 是一个插件，需要在 Vue 的全局引用中通过 Vue.use()将它引用到 Vue 实例当中。接下来通过本文给大家分享vue-router路由与页面间导航，需要的朋友参考下吧2017-11-11
在前端开发中,Vue.js 是一个广泛使用的框架,因其灵活性和强大的功能,得到许多开发者的喜爱,Vue 3 的发布为这一框架带来了很多新的特性和改进,在本文中,我们将详细讨论如何在 Vue 3 中创建和使用全局组件,并通过示例代码展示具体实现方式,需要的朋友可以参考下2024-07-07
最新评论