vue.js - Vue第三方UI MuseUI 底部导航栏路由正常跳转，组件按钮跳转失败

问题描述

问 题

Vue第三方UI MuseUI 底部导航栏路由正常跳转，组件按钮跳转失败

<template>
    <div class="publicfooter">
      <mu-paper class="bottomFixed">
        <mu-bottom-nav :value="bottomNav" shift @change="handleChange">
          <mu-bottom-nav-item value="index" title="发现" icon="search" href='#/index'/>
          <mu-bottom-nav-item value="topic" title="话题" icon="chats" href='#/topic'/>
          <mu-bottom-nav-item value="goods" title="干货" icon="extension" href='#/goods'/>
        </mu-bottom-nav>
      </mu-paper>
    </div>
</template>
<script type="text/ecmascript-6">
    export default{
      data() {
        return {
          bottomNav: 'index',
          bottomNavColor: 'index'
        }
      },
      methods: {
        //底部切换
        handleChange (value) {
          this.bottomNav = value
        }
      }
    }
</script>

解决方案

我尝试了代码回滚，原本需求是在导航栏上的几个路由页面显示底部导航栏，在其他路由上不显示，导致这样的原因是，我把导航栏写成了组件，在需要显示的路由页面里面加入，所以出现了这样的问题。
解决方案地址：http://blog.csdn.net/sinat_29...

这篇关于vue.js - Vue第三方UI MuseUI 底部导航栏路由正常跳转，组件按钮跳转失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！