当前位置: 首页 > news >正文

如何做内容收费的网站百度推广要自己建站吗

如何做内容收费的网站,百度推广要自己建站吗,网站开发有哪些,b2c网站seo优化怎么做思路:监听路由变化,在路由规则中添加meta然后在组件中渲染。 import Vue from "vue" import VueRouter from "vue-router" Vue.use(VueRouter) // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 const origin…

思路:监听路由变化,在路由规则中添加meta然后在组件中渲染。

import Vue from "vue"
import VueRouter from "vue-router"
Vue.use(VueRouter)
// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {return originalPush.call(this, location).catch(err => err)
}const router = new VueRouter({routes:[{path:'/',redirect:'/welcome',},{path:'/home',name:'home',component:()=>import('../src/view/showIndex.vue'),meta:{title:'首页'},children:[{path:'/user',name:'user',component:()=>import('../src/view/user.vue'),meta:{title:'用户管理'}},{path:'/categroy',name:'categroy',component:()=>import('../src/view/categroy.vue'),meta:{title:'品类管理'}},{path:'/product',name:'product',component:()=>import('../src/view/product.vue'),meta:{title:'商品生产'}},{path:'/sex',name:'sex',component:()=>import('../src/view/sex.vue'),meta:{title:'角色管理'}},{path:'/welcome',name:'welcome',component:()=>import('../src/view/welcome.vue'),}]},{path:'/shang',name:'shang',component:()=>import('../src/view/showIndex.vue'),meta:{title:'商品'},children:[{path:'/user2',name:'user2',component:()=>import('../src/view/user2.vue'),meta:{title:'用户管理2'}},]},{path:'/login',name:'login',component:()=>import('../src/view/loginNews.vue')},
]
})
// 路由前置守卫
router.beforeEach((to,from,next) => {const token = localStorage.getItem("token")if(to.path ==='/login'){next()}else{if(token){next()}else{next('/login')}}})export default router
<template><div class="home"><!-- 首页 --><el-container><el-header><!-- 头部 --><showTop></showTop></el-header><el-container><el-aside width="200px;"><AsideLeft></AsideLeft></el-aside><el-main><!-- 面包屑导航 --><Breadcrumb></Breadcrumb><router-view></router-view></el-main></el-container></el-container></div>
</template><script>
import showTop from "../components/showTop.vue";
import AsideLeft from "../components/AsideLeft.vue";
import Breadcrumb from "../components/Breadcrumb.vue"
export default {name: "showIndex",components: {showTop,AsideLeft,Breadcrumb},
};
</script><style>
.el-header {background-color: #b3c0d1;color: #ffffff;text-align: center;line-height: 60px;background-color: rgb(60, 60, 60);
}.el-aside {background-color: rgb(60, 60, 60);color: #333;text-align: center;line-height: 200px;position: absolute;top: 60px;bottom: 0px;
}.el-main {background-color: #e9eef3;color: #333;text-align: center;line-height: 160px;position: absolute;top: 60px;left: 200px;right: 0;bottom: 0px;
}body > .el-container {margin-bottom: 40px;position: relative;
}
</style>

<template><!-- 面包屑导航 --><div><el-breadcrumb separator-class="el-icon-arrow-right"><el-breadcrumb-itemv-for="(item, index) in list":key="index":to="item.path">{{ item.title }}</el-breadcrumb-item></el-breadcrumb></div>
</template><script>
export default {name: "BreadCrumb",data() {return {list: [],};},mounted(){//   解决刷新面包屑消失问题if(localStorage.getItem('BreadCrumb')){this.list = JSON.parse(localStorage.getItem('BreadCrumb'))}},watch: {$route() {console.log("this.$route", this.$route);this.fn()},},methods: {fn() {this.list = [];const matched = this.$route.matched;matched.forEach((item) => {// 首页不需要面包屑导航if (this.$route.name == "welcome" || this.$route.name == "home") {return;}this.list.push({ title: item.meta.title, path: item.path });});//   解决刷新面包屑消失问题localStorage.setItem('BreadCrumb',JSON.stringify(this.list))},},
};
</script><style></style>

http://www.ds6.com.cn/news/119025.html

相关文章:

  • 江阴那家网站做的好seo优化案例
  • 网站端和移动端分开建设域名一样么关键字排名查询工具
  • 自已如何做网站seo发展前景怎么样啊
  • 家电网站建设总体目标广州网站优化费用
  • 昆明网站制作公司重庆seo薪酬水平
  • 网站建设合同用交印花税廊坊seo培训
  • dede做视频网站国家再就业免费培训网
  • 自己做视频网站上传视频seo哪里有培训
  • 西安做网站找腾帆怎么接广告赚钱
  • 有没有做php项目实战的网站百度趋势搜索大数据
  • 网址导航下载免费的seo优化
  • 如何对新开网站做收录网页制作培训网站
  • 做网站大概价格安卓优化大师手机版
  • 做兼职的网站有哪些工作内容网站建设制作模板
  • 一个购物网站开发语言erp123登录入口
  • 汽车网站建设制作费用网络事件营销案例
  • 网站建设的三网合一荆门网站seo
  • 企业网站建设备案都需要什么泰州百度公司代理商
  • 政府网站制作费用沪深300指数基金排名
  • 怎么做简单的企业网站seo网站推广教程
  • 定制网站建设简介合肥网站seo
  • 网站开发需要哪些技术长沙弧度seo
  • 武汉做网站知名的公司aso榜单优化
  • 电子商务营销网站建设百度关键词搜索量查询
  • 做刷单的网站百度搜索软件
  • 免费学做衣服的网站企业推广托管
  • 在线做六级阅读网站品牌建设的五个要素
  • 电影网站怎么做laravel郑州seo网站管理
  • www技术支持 重庆网站建设北京做百度推广的公司
  • 免费网站开发平台搜索排行榜