vue路由组件左右切换(兼听手机返回键或自写按钮)

示例 http://47.94.90.89/dist

纳雍网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

1 安装vue-cli

(1) 下载安装node.js

(1) npm install -g cnpm --registry=https://registry.npm.taobao.org 换源

(1) cnpm install -g vue-cli 全局安装vue-cli 已安装则不用

(1) vue init webpack Vue-Project 初始化vue项目 使用webpack模板,项目名称(自带webpack)

(1) cnpm install 初始化 生成node_modules

(1) npm run dev
需要上线打包为 npm run build
2 配置路由 (router 目录>index.js)

import ccc from '@/components/ccc'

Router.prototype.go = function (a) {
   sessionStorage.isBack = true
  if(a){
    window.history.go(a)
  }else{
    window.history.go(-1)
  }
}
window.addEventListener("popstate", function(e) {
  sessionStorage.isBack = true
}, false);

Vue.use(Router)
3 app.vue中
(1)```




(2)


分享标题:vue路由组件左右切换(兼听手机返回键或自写按钮)
网页URL:http://azwzsj.com/article/pjhcgp.html

其他资讯