<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"
這兩個屬性,這個是網上別人看到的。