vue+iview的Menu菜单使用以及页面跳转注意问题

<Menu mode="horizontal" :theme="theme1" @on-select="turnUrl" :active-name="$route.name">
        <MenuItem  path="/show" name="show" >
            <Icon type="ios-paper" />
            十七好棒
        </MenuItem>
        <MenuItem name="sitemgt">
            <Icon type="ios-people" />
            十七好棒
        </MenuItem>
        <MenuItem name="exception">
            <Icon type="ios-stats" />
            十七好棒
        </MenuItem>
        <!-- <Submenu name="3">
            <template slot="title">
                <Icon type="ios-stats" />
                十七好棒
            </template>
            <MenuGroup title="使用">
                <MenuItem name="3-1">十七</MenuItem>
                <MenuItem name="3-2">十七</MenuItem>
                <MenuItem name="3-3">十七</MenuItem>
            </MenuGroup>
            <MenuGroup title="留存">
                <MenuItem name="3-4">十七</MenuItem>
                <MenuItem name="3-5">十七</MenuItem>
            </MenuGroup>
        </Submenu> -->
        <MenuItem name="prolog">
            <Icon type="ios-construct" />
            十七好棒
        </MenuItem>
        <MenuItem name="useradm">
            <Icon type="ios-construct" />
            十七好棒
        </MenuItem>
        <MenuItem name="promgt">
            <Icon type="ios-construct" />
            十七好棒
        </MenuItem>
        <MenuItem name="schmgt">
            <Icon type="ios-construct" />
            十七好棒
        </MenuItem>
        <MenuItem name="mysch">
            <Icon type="ios-construct" />
            十七好棒
        </MenuItem>
        <MenuItem name="setting">
            <Icon type="ios-construct" />
            十七好棒
        </MenuItem>
        <MenuItem name="quiet" style="margin-left:100px">
            <Icon type="ios-construct" />
            静音
        </MenuItem>
        <MenuItem name="exit">
            <Icon type="ios-construct" />
            退出
        </MenuItem>
    </Menu>
    <!-- <br>
    <p>Change theme</p>
    <RadioGroup v-model="theme1">
        <Radio label="light"></Radio>
        <Radio label="dark"></Radio>
        <Radio label="primary"></Radio>
    </RadioGroup> -->

 

<script>

    export default {
        name: 'Tabbar',
        data () {
            return {
                theme1: 'light'
            }
        },
        methods: {
            turnUrl(name){
                this.$router.push(name);               
            }
        },

先上代码啦，iview中导航的页面跳转是提供了一个 on-select属性，不要去用click那些事件啦，而且注意！！这个属性是在Menu里面，我们一起写@click一般都是在Menu-item里面嘛，所以我一开始就是惯性思维写在Menu-item里面......大家注意啦

 

最近好忙呀，但是还是每天过的很开心，那种充实的快乐嘻嘻

最后还是祝大家学习顺利，生活开心呀