基于vue的动态自适应navbar组件

有没有vue动态自适应navbar组件,要求是带logo ,移动端的情况下,会有一个按钮包含所有标题

bootstrap

  • 这篇博客: vue + vant + navbar之组件封装中的 3. 在父组件中使用该导航栏并赋值 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • <NavBar v-show="navShow" :title="title" :left="left></NavBar>
    

    3.1 引用导航栏组件

    import NavBar from "../../components/NavBar.vue";
    export default {
      components: {
         NavBar: NavBar
      },
    

    3.2 设置属性值与导航栏组件进行数据绑定

    data() {
        return {
          title:'',
          left:'',
        };
      },
    

    3.3在mounted中给 title和left进行赋值

     mounted() {
        this.title = this.$route.meta.title;
        this.left = this.$route.meta.left;       
      },