通过$route.mete.show实现组件动态展示

{path: '/register',component: Register,meta: {isHideFooter: true}},{path: '/login',component: Login,meta: {isHideFooter: true},

<template><div><Header /><!-- 路由组件出口的地方 --><router-view></router-view><!-- 在Home与Search可见的，但是Login|Register不可见 --><!-- 利用路由元信息解决当前问题好处：一行代码就可以解决 --><Footer v-show="$route.meta.isShow" /></div>
</template><script>
//引入Header与Footer非路由组件
import Header from "./components/Header";
import Footer from "./components/Footer";
export default {name: "",data() {return {msg: "abc"}},components: {Header,Footer,},mounted() {//派发一个action||获取商品分类的三级列表的数据this.$store.dispatch("getCategoryList");},
};
</script><style scoped></style>

通过$route.mete.show实现组件动态展示相关推荐

Python 快速生成 web 动态展示机器学习项目！
来源丨网络作者丨wedo实验君 1. Streamlit 一句话,Streamlit是一个可以用python编写web app的库,可以方便的动态展示你的机器学习的项目. 优点你不需要懂html, ...
vue父组件向子组件动态传值的两种方法
在一些项目需求中需要父组件向子组件动态传值,比如我这里的需求是,父组件动态通过axios获取返回的图片url数组然后传给子组件,上传图片的子组件拿到该数组后进行遍历并展示图片,因为有时候获取到的会是空 ...
利用 Flask 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...
微信小程序从前端wxml页面数据获取，到JS页面数据对象字符化，传递给后台，前台再从后台获取数据并在wxml页面动态展示数据（前后台交互实现发表动态功能）
页面: 事件是视图层到逻辑层的通讯方式. 事件可以将用户的行为反馈到逻辑层进行处理. 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数. 事件对象可以携带额外信息,如 id, ...
vue利用 vue-animate-number插件动态展示数字（从0动态滚动到指定数字）
vue利用 vue-animate-number插件动态展示数字(从0动态滚动到指定数字) 第一步:安装vue-animate-number插件 $ npm install vue-animate-n ...
VUE动态展示表格字段
前言最近叼毛产品让写个需求,动态展示表格字段,要求动态根据用户习惯保存,下次进页面展示以前的,还能再次选择. 思考让用户选择展示那些字段保存db 进页面先查询db 然后根据table 字段属性过 ...
干货！Flask 动态展示 Pyecharts 图表数据的几种方法！
本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...
快速生成 web app 动态展示机器学习项目
1. Streamlit 一句话,Streamlit是一个可以用python编写web app的库,可以方便的动态展示你的机器学习的项目. 优点你不需要懂html, css, js等,纯python ...
微信小程序菜品做法展示数据库设计_微信小程序结合后台数据管理实现商品数据的动态展示、维护...
微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,本篇随笔介绍微信小程序结合后台数据管理实现商品数据的动态展示.维护,介绍如何实现商品数据在后台管理系统中的维护管理,并通 ...

通过$route.mete.show实现组件动态展示

通过$route.mete.show实现组件动态展示相关推荐

最新文章

热门文章