|
|
@ -2,11 +2,10 @@ |
|
|
|
<div class="wrapper"> |
|
|
|
<div class="wrapper"> |
|
|
|
<v-head></v-head> |
|
|
|
<v-head></v-head> |
|
|
|
<v-sidebar></v-sidebar> |
|
|
|
<v-sidebar></v-sidebar> |
|
|
|
<div class="content-box" :class="{'content-collapse':collapse}"> |
|
|
|
<div class="content-box" > |
|
|
|
<!-- <v-tags></v-tags> --> |
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<transition name="move" mode="out-in"> |
|
|
|
<transition name="move" mode="out-in"> |
|
|
|
<keep-alive :include="tagsList"> |
|
|
|
<keep-alive> |
|
|
|
<router-view></router-view> |
|
|
|
<router-view></router-view> |
|
|
|
</keep-alive> |
|
|
|
</keep-alive> |
|
|
|
</transition> |
|
|
|
</transition> |
|
|
@ -19,33 +18,17 @@ |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import vHead from './Header.vue'; |
|
|
|
import vHead from './Header.vue'; |
|
|
|
import vSidebar from './Sidebar.vue'; |
|
|
|
import vSidebar from './Sidebar.vue'; |
|
|
|
import vTags from './Tags.vue'; |
|
|
|
|
|
|
|
import bus from './bus'; |
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
tagsList: [], |
|
|
|
tagsList: [], |
|
|
|
collapse: false |
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
components: { |
|
|
|
components: { |
|
|
|
vHead, |
|
|
|
vHead, |
|
|
|
vSidebar, |
|
|
|
vSidebar, |
|
|
|
vTags |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
created() { |
|
|
|
created() { |
|
|
|
bus.$on('collapse-content', msg => { |
|
|
|
|
|
|
|
this.collapse = msg; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 只有在标签页列表里的页面才使用keep-alive,即关闭标签之后就不保存到内存中了。 |
|
|
|
|
|
|
|
bus.$on('tags', msg => { |
|
|
|
|
|
|
|
let arr = []; |
|
|
|
|
|
|
|
for (let i = 0, len = msg.length; i < len; i++) { |
|
|
|
|
|
|
|
msg[i].name && arr.push(msg[i].name); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.tagsList = arr; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|