thinkphp怎么跳转到指定页面的锚点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thinkphp怎么跳转到指定页面的锚点相关的知识,希望对你有一定的参考价值。

参考技术A $this->redirect(url)和$this->assign(jumpUrl,'url'),$this->success();这两种都可以实现跳转 参考技术B $this->redirect(‘site/index#a1’);

这样试试本回答被提问者采纳
参考技术C TP框架中有一个redirect 可以直接跳转 参考技术D 用$this->redirect()

进入页面跳转到指定锚点

问题

在Vue实例完成之后,将锚点定位到指定元素。

分析:

如何实现,这是一个问题。首先生命周期函数,放在created钩子中,这个时候页面还没有渲染完成,如果进行锚点跳转,很可能就无法跳转到指定位置。因此只能放在生命周期钩子mounted中。

但是,如果直接使用location.hash也是有可能无法正常跳转,因此,要保证正常跳转,就要把跳转锚点的代码放在事件队列的最好,这个时候就要使用setTimeout(() => {}, 0)了。

解决方案:

  1. 在生命周期钩子mounted写代码
  2. 将跳转锚点的代码放在事件队列的最后

代码实现

  var vm = new Vue({
    el: ‘#app‘,
    mounted() {
      setTimeout(function () {
        location.hash = ‘item4‘
      }, 0)
    }
  })

以上是关于thinkphp怎么跳转到指定页面的锚点的主要内容,如果未能解决你的问题,请参考以下文章

js如何实现进入页面后自动跳转到锚点

如何判断页面是不是已跳转到 javascript 中的锚点 (#)?

超链接跳转到不同页面的锚点链接

HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!!

用javascript 怎样清空访问过的锚点记录

跨页面的锚点链接