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>