1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| <script>
| import { mapActions, mapState } from 'vuex'
|
| export default {
| name: 'RouteView',
| props: {
| keepAlive: {
| type: Boolean,
| default: true,
| },
|
| },
| data() {
| return {}
| },
| computed: {
| ...mapState({
| keepAliveKeys: (state) => state.app.keepAliveKeys,
| }),
| },
| render() {
| const {
| $route: { meta },
| $store: { getters },
| } = this
|
| // console.log(this.keepAliveKeys, 24)
| const inKeep = (
| <keep-alive include={this.keepAliveKeys}>
| <router-view />
| </keep-alive>
| )
| const notKeep = <router-view />
| // 这里增加了 multiTab 的判断，当开启了 multiTab 时
| // 应当全部组件皆缓存，否则会导致切换页面后页面还原成原始状态
| // 若确实不需要，可改为 return meta.keepAlive ? inKeep : notKeep
| if (!getters.multiTab && !meta.keepAlive) {
| return notKeep
| }
| return this.keepAlive || getters.multiTab || meta.keepAlive ? inKeep : notKeep
| },
| }
| </script>
|
|
