People: Ignore route change event when tab is inactive #22
This commit is contained in:
parent
e1d19f72f2
commit
e707ca4786
|
@ -18,7 +18,7 @@
|
||||||
|
|
||||||
<v-tabs-items touchless>
|
<v-tabs-items touchless>
|
||||||
<v-tab-item v-for="(item, index) in tabs" :key="index" lazy>
|
<v-tab-item v-for="(item, index) in tabs" :key="index" lazy>
|
||||||
<component :is="item.component" :static-filter="item.filter"></component>
|
<component :is="item.component" :static-filter="item.filter" :active="active === index"></component>
|
||||||
</v-tab-item>
|
</v-tab-item>
|
||||||
</v-tabs-items>
|
</v-tabs-items>
|
||||||
</v-tabs>
|
</v-tabs>
|
||||||
|
|
|
@ -142,7 +142,8 @@ import {ClickLong, ClickShort, Input, InputInvalid} from "common/input";
|
||||||
export default {
|
export default {
|
||||||
name: 'PPageFaces',
|
name: 'PPageFaces',
|
||||||
props: {
|
props: {
|
||||||
staticFilter: Object
|
staticFilter: Object,
|
||||||
|
active: Boolean,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
const query = this.$route.query;
|
const query = this.$route.query;
|
||||||
|
@ -186,6 +187,12 @@ export default {
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
'$route'() {
|
'$route'() {
|
||||||
|
// Tab inactive?
|
||||||
|
if (!this.active) {
|
||||||
|
// Ignore event.
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
const query = this.$route.query;
|
const query = this.$route.query;
|
||||||
|
|
||||||
this.filter.q = query["q"] ? query["q"] : "";
|
this.filter.q = query["q"] ? query["q"] : "";
|
||||||
|
|
|
@ -159,7 +159,8 @@ import {ClickLong, ClickShort, Input, InputInvalid} from "common/input";
|
||||||
export default {
|
export default {
|
||||||
name: 'PPageSubjects',
|
name: 'PPageSubjects',
|
||||||
props: {
|
props: {
|
||||||
staticFilter: Object
|
staticFilter: Object,
|
||||||
|
active: Boolean,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
const query = this.$route.query;
|
const query = this.$route.query;
|
||||||
|
@ -194,6 +195,12 @@ export default {
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
'$route'() {
|
'$route'() {
|
||||||
|
// Tab inactive?
|
||||||
|
if (!this.active) {
|
||||||
|
// Ignore event.
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
const query = this.$route.query;
|
const query = this.$route.query;
|
||||||
|
|
||||||
this.filter.q = query["q"] ? query["q"] : "";
|
this.filter.q = query["q"] ? query["q"] : "";
|
||||||
|
|
Loading…
Reference in a new issue