feat(LMainFooter): modify data fetching

lbwa · Mar 7, 2020 · 9eda08f · 9eda08f
1 parent 6e62aaa
commit 9eda08f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/layouts/LMainFooter.ts b/src/layouts/LMainFooter.ts
@@ -7,14 +7,7 @@ export default Vue.extend({
 
   functional: true,
 
-  props: {
-    sticky: {
-      type: Boolean,
-      default: true
-    }
-  },
-
-  render(h: CreateElement, { props }): VNode | VNode[] {
+  render(h: CreateElement, { parent }): VNode | VNode[] {
     const vNodes = [h('router-view')]
 
     function createAnchorElement(
@@ -38,7 +31,9 @@ export default Vue.extend({
       )
     }
 
-    if (props.sticky) {
+    const layoutPayload: Record<'sticky', boolean> = (parent.$route.meta || {})
+      .layoutPayload
+    if (layoutPayload && layoutPayload.sticky) {
       vNodes.push(
         h(
           'footer',

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -8,16 +8,18 @@ export const routes = [
   {
     path: '/',
     name: 'Home',
-    component: () => import(/* webpackChunkName: "home" */ '../views/Home.vue'),
-    meta: {}
+    component: () => import(/* webpackChunkName: "home" */ '../views/Home.vue')
   },
   {
     path: '/#',
     name: 'Login',
     component: () =>
       import(/* webpackChunkName: 'login' */ '../views/#/index.vue'),
     meta: {
-      layout: 'LMainFooter'
+      layout: 'LMainFooter',
+      layoutPayload: {
+        sticky: true
+      }
     }
   },
   {