vue 路由跳轉新的窗口頁面

<template>
    <div id="accordion">
        <ul class="side_menu">
            <li v-for="(item, index) in menus" class="item">
                <router-link :to="doRouterLink(item)">
                    <div @click="toggle($event,item)" :class="{active:item.show=='true'}">
                        <span :class="`bg_${index+1}`"></span>{{item.text}}</div>
                </router-link>
                <el-collapse-transition>
                    <ul v-if="item.children && item.children.length" v-show="item.show=='true'">
                        <li v-for="(childitem,subIdx) in item.children" v-show="childitem.resourceExtendAttr!='0'">
                          <template v-if="!childitem.children || item.text != '統計報表'">
                            <router-link :to="childitem.route || '/main/flowAnalyzeReport'" v-if="childitem.route!='/main/networkSafe'">{{childitem.text}}</router-link>
                            <!-- TODO 這行重點 -->
                            <router-link tag="a" target="_blank" :to="{name:'networkSafes'}" v-if="childitem.route=='/main/networkSafe'">{{childitem.text}}</router-link>
                          </template>
                          <template v-else>
                            <router-link :to="doRouterLink(childitem) || '/main/flowAnalyzeReport'">
                              <!-- :class="{active:item.show=='true'}" -->
                                <div @click="toggle($event,childitem)" style="padding-left:3px" >
                                   {{childitem.text}}
                                   <i style="float:right;margin-right:5px;height:50px;line-height:50px" :class="{'el-icon-arrow-up':childitem.show=='true','el-icon-arrow-down':childitem.show=='false'}"></i>
                                </div>
                            </router-link>
                          </template>
                          <el-collapse-transition v-if="item.text=='統計報表'">
                              <ul v-if="childitem.children && childitem.children.length" v-show="childitem.show=='true'">
                                  <li v-for="child in childitem.children">
                                      <router-link :to="child.route || '/main/flowAnalyzeReport'">
                                       {{child.text}}
                                      </router-link>
                                  </li>
                              </ul>
                          </el-collapse-transition>
                        </li>
                    </ul>
                </el-collapse-transition>
            </li>
        </ul>
    </div>
</template>

主要是要有tag="a" target="_blank"這兩個屬性,這個是網上別人看到的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章