vue 点击页面刷新之前触发事件

James2017

374610

发布于
2017-08-16

请教下大家，vue下开发页面，想在页面点击刷新时，弹出一个提示框，提示刷新将丢失数据，如何监测这个刷新事件，在刷新事件之前就弹出框。

vue.js

阅读 28.1k

10 个回答

arvin丶阿亮

在你刷新的按钮上做事件

<button @click='refresh'>刷新</button>

refresh () {
    alert('提示刷新将丢失数据')
    // 如果可以取消就用　confirm
    window.location.reload()
}

你是用浏览器按钮刷新（F5）？。。

我养了一窝汪汪

9741517

发布于
2017-08-16

理解好了vue的生命周期就可以解决你的疑惑了
我觉得你需要去看下文档，比伸手党学的更快

贴一个写的不错的帖子，这里讲的蛮全的
https://segmentfault.com/a/11...

evicxixi

发布于
2018-09-26

新手上路，请多包涵

在跳转路由之前进行一些操作

HTML：

<a v-on:click="to_link(content.content_id)"></a>

JavaScript：

to_link(content_id){    # 在html的a标签中v-bind:click="to_link" 来代替router—link
    this.current(content_id);    # 跳转之前的操作
    this.$router.push('/content_current');    # 跳转link
}

查看全部 10 个回答

推荐问题

vue 点击页面刷新之前触发事件

不同页面之间可以通过localstorage保存响应式吗？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？

vite项目如何导入.pem公钥更规范？

使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?

移动端切换路由后返回，视频启动播放会严重滞后，好怪？