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://scjbc.cn/article/pjhcgp.html