vue右键在新标签页中打开链接（a标签跳转路由）

主要是通过a标签的href进行路由的跳转实现的

一、代码

  <el-menu
            :default-active="defaultActive"
            class="menu-box"
            @select="handleSelect"
            :default-openeds="openeds"
            :collapse="isCollapse"
            :collapse-transition="false"
            text-color="#545B63"
            active-text-color="#545B63"
        >
        //...
          <el-menu-item-group>
                    <el-menu-item
                        :index="i.key"
                        :key="idx"
                        :ref="i.key"
                        v-for="(i, idx) in item.children"
                        v-show="i.isShow && i.id !== 88"
                        style="font-size: 12px; height: 28px; line-height: 28px"
                    >
                        <i class="circle-dot" :class="{ active: defaultActive === i.key }"></i>
                        <a :class="{ active: defaultActive === i.key }">{{ i.lable }}</a>
                    </el-menu-item>
                </el-menu-item-group>
            </el-submenu>
        </el-menu>

 handleSelect(key, index, ref) {
            this.changeIndex = key.split('-')[0]
            this.mapMenuList.map(item => {
                if (item.key == key) {
                    ref.$el.lastChild.href = '#' + item.path
                    // console.log(ref.$el.lastChild)
                    // this.$router.push({ path: item.path })
                }
            })
        },

链接: https://blog.csdn.net/iufesjgc/article/details/118336887?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-1-118336887.pc_agg_new_rank&utm_term=vue%E5%8F%B3%E9%94%AE%E9%BC%A0%E6%A0%87%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5%E6%89%93%E5%BC%80&spm=1000.2123.3001.4430.