vue 点击菜单跳转外部页面

主要使用 以下方式跳转外部页面，通过路由到指定页面后，再打开外部页面

window.location.href = 'http://www.baidu.com'

 

修改如下：

1.菜单配置 menu.js：

let menu = {
    menus: [

        {
            key: '1', desc: '菜单1', icon: 'iconxxxx',  permission: 'xxxxx', subs: [
            {key: '/aaa/bbb',  desc: '菜单11', permission: 'xxxxx'},
            {key: '/aaa/bbb',  desc: '菜单12', permission: 'xxxxx'},
            {key: '/aaa/bbb',   desc: '菜单13', permission: 'xxxxx'},
            ]
        },
        {
        // 需要跳转的外部链接
            key: '/xxxxxx/outLink', desc: '外部链接', icon: 'iconxxxx',  permission: 'xxxxx',
        }

    ]
};

export default menu;

 

2.outLink.vue

<template>
    <div>

    </div>
</template>

<script>
    import envs from '../../config/env'
    export default {
        data () {
            return {
            }
        },
        methods: {
        open(){
            window.location.href = 'http://www.baidu.com';
        },

        },
        created () {
            this.open();
    }}
</script>