鍍金池/ 問答/HTML/ vue 移動(dòng)端渲染菜單 及 頂部header的問題

vue 移動(dòng)端渲染菜單 及 頂部header的問題

求助一下，在做移動(dòng)端的頂部header 和 底部的tab時(shí) ，我打算是通過權(quán)限匹配路由，把有權(quán)限的頂部tab渲染出來(lái)，不知道這樣的思路是否可取？ 然后如果采取這樣的方式的話，我應(yīng)該是通過 created 去處理 ，還是通過 mounted還是需要在其他流程節(jié)點(diǎn)上做處理呢？
還有頂部的header，要怎么判斷它是否顯示右側(cè)的搜索、左側(cè)的返回等等這些按鈕呢？目前這里有點(diǎn)卡主

clipboard.png

clipboard.png

回答
編輯回答
赱丅呿

header定義組件 傳值就行
圖片描述

sunComponents.vue

<template>
  <div id='default'>

    <div>
      <p>logo</p>
      <p v-if="show">搜索</p>
    </div>

  </div>
</template>


<script>
export default {
  prop: {
    show: {
      type: Boolean,
      default: true
    }
  },

  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>


<style lang='scss'>
</style>

father.vue

<template>
    <div>
        <sub :show='show'></sub>
    </div>
</template>


<script>
import sub from "./sunComponents";
export default {
  data() {
    return {
      show:false
    };
  },
  created() {},
  methods: {}
};
</script>


<style lang='scss'>
</style>
2017年12月10日 02:40
編輯回答
夏木

可以在進(jìn)入頁(yè)面的時(shí)候就讓用戶登錄(或根據(jù)本地信息判斷是否已登陸)，然后根據(jù)登錄后返回的用戶信息，配置你的一些權(quán)限，或者就直接由后臺(tái)把這些信息返回給你,然后把這些信息保存下來(lái)，供后面的功能使用。如：

{
    username:'test',
    userid:1,
    route:[{
        path:'xx/x',
        hassearch:true,
        hasback:false
    }]
}
2018年9月18日 09:13
編輯回答
葬憶

涉及到用戶身份，適用全局存儲(chǔ)，建議用 Vuex，過程大概是這樣的：

  1. 啟動(dòng)時(shí)請(qǐng)求接口獲取用戶身份和權(quán)限信息，并保存在全局變量里
  2. 組件將這些信息整合進(jìn) computed 渲染

至于后退鍵，應(yīng)該根據(jù)路由來(lái)判斷了，比如詳情頁(yè)返回列表頁(yè)，列表頁(yè)返回首頁(yè)等。

2018年6月20日 19:03