vue中按钮操作完刷新页面的实现

目录

vue按钮操作完刷新页面

1.父组件中实现

2.子组件绑定

点击按钮后自动刷新页面

vue按钮操作完刷新页面

首先从子组件和父组件角度去写这个东西,简言之就是在父组件中实现这个刷新功能方法,然后在子组件中进行绑定并进行监听就好了啊

1.父组件中实现

① 图示部分:

个人建议这个作为父组件,肯定一般是放在列表中的,即把列表页面作为父组件的归属地

② 代码部分:

method方法中部分

refresh () { this.reload() }

将reload进行注入

inject: ['reload'], 2.子组件绑定

① 子组件进行绑定

在父组件中引用子组件页面的地方进行绑定

如图:

绑定脚本:

@refresh="refresh"

② 单独去子组件页面处理成功的地方去监听

图示:比如就以这个页面为例子

 进入子页面:

在子页面组件中处理成功后进行监听父组件中刷新方法,以上设置完就ok了

点击按钮后自动刷新页面

在按钮点击事件中添加

window.location.reload();

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。

推荐阅读

    电脑无线网按钮|电脑无线网按钮在哪

    电脑无线网按钮|电脑无线网按钮在哪,,电脑无线网按钮在哪1、翻看路由器底部铭牌或使用说明书,找到路由器IP、默认帐号及密码;2、打开浏览器,

    确定java按钮响应事件的代码

    确定java按钮响应事件的代码,,* 阅读本文可以结合最后在java登录窗口界面下面是一个链接。 是定义的容器。 容器(CP =得到内容面板); / /

    vue项目一些常见问题

    vue项目一些常见问题,组件,样式,**样式污染问题**同样的样式不需要在每个组件都复制组件内单独的样式加外层class包裹。加scope。否则只是

    联想一键还原5.0|联想一键还原按钮

    联想一键还原5.0|联想一键还原按钮,,联想一键还原按钮1、关机状态下,按下一键恢复键,进入一键恢复主界面;2、选择“从初始备份恢复”将电脑系

    01-Vue项目实战-网易云音乐-准备工作

    01-Vue项目实战-网易云音乐-准备工作,网易,项目,前言在接下来的一段时间,我会仿照网易云音乐,利用Vue开发一个移动端的网易云音乐项目。在做

    01- 第一天 spring boot2.3.1 +vue3.0 后台管理系统的研发

    01- 第一天 spring boot2.3.1 +vue3.0 后台管理系统的研发,自己的,后台,后台框架一直想开发一套完全属于自己的后台,但是18年的时候,曾经答

    shop裁剪快捷键|剪裁按钮的快捷键

    shop裁剪快捷键|剪裁按钮的快捷键,,1. 剪裁按钮的快捷键  电脑键盘剪切快捷键是2个按键的组合键,同时按Ctr l+ X 即可剪切。剪切快捷键使

    cad设备中心快捷键|cad快捷按钮

    cad设备中心快捷键|cad快捷按钮,,1. cad快捷按钮1、按Fn+F8就跟锁定大写字母情况下,按SHIFT键输入的就是小写字母一一样,在Fn键被锁定的情况

    提交按钮快捷键|保存提交快捷键

    提交按钮快捷键|保存提交快捷键,,1. 保存提交快捷键1.打开word,然后在文档中输入要求的内容。2.保存word文档可以点击左上角的保存的标志