wndow.popstate，微信浏览器返回事件， vue mixins

最新推荐文章于 2023-06-15 16:54:13 发布

yangdongnan

最新推荐文章于 2023-06-15 16:54:13 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信 vue 文章标签： vue mixins 微信 popstate

本文链接：https://blog.youkuaiyun.com/weixin_38644883/article/details/86538340

本文介绍了如何在微信浏览器中利用window.popstate事件处理返回键跳转路由的问题，结合Vue的mixins功能，将相关逻辑写入到mixins文件中。文章详细讲解了引入、使用方法以及mixin的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信浏览器返回键按下跳转路由 window popstate， Vue全中写入 mixins文件

引入

main.js 全局引入
import popstate from './components/newComponent/popstate'

Vue.mixin(popstate)

使用

使用时 this.init(‘router’)

此处router为留有name属性值
router 为空时执行 history.go(-1)

mixin

export default {
  data () {
    return {
      next : false,
      popStateRouter : ''
    }
  },
  methods : {
    resetRouterName () {
      let that = this;
      that.popStateRouter = ''
    },
    popStateInit ( router = '' ) {
      let that = this;
      that.popStateRouter = router
      try {
        if ( window.__wxjs_is_wkwebview === true ) {
          //function ...  WKWebview ios
          window.addEventListener('pageshow', ( e ) => {
            console.info('执行 ios onpageshow 进入页面')
            e.preventDe