【问题标题】:Moving back and forth between pages doesn't trigger alert more than once在页面之间来回移动不会多次触发警报
【发布时间】:2021-12-10 12:44:43
【问题描述】:

我有一个博客 (website.com),其中有一个帖子页面 (website.com/post?id=...)。

我想要的是,每当我去发布页面时,触发 JS 的警报。

这是帖子页面的代码:

export default {
  name: 'PagePost',
  data() {
    alert(1)
  ...

问题是,如果我去发布页面它会触发警报,但是如果我去另一个帖子它不会再次发出警报,(只有在我刷新页面时才会这样做)。 据我了解,Vue 将页面保存在 DOM 中,因此它不会再次运行(仅在刷新页面时)。

当用户在页面之间来回切换时如何重新触发警报?

附:我想要完成的是当用户在页面之间切换时,重新加载帖子和 cmets(无需刷新页面),但我试图通过触发器使问题更容易。

附: #2 我更喜欢在mounted() 函数中运行警报,因为它的加载速度比data() 快。

【问题讨论】:

  • 您是否尝试将警报放入“更新”的 vue 生命周期挂钩中?据我记得,只要你的 DOM 的数据发生变化,它就会被调用。

标签: vue.js dom vuejs2 vue-component


【解决方案1】:

看起来你正在使用 vue 路由器。看看beforeEnter 方法。您需要在发布路线中定义它并在那里触发警报。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多