Add watcher in agent view for route changes and set new active agent. Fixes #1110
This commit is contained in:
parent
809e172280
commit
6ff591427a
|
@ -20,7 +20,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// composition imports
|
// composition imports
|
||||||
import { ref } from "vue";
|
import { defineComponent, ref, watch } from "vue";
|
||||||
import { useStore } from "vuex";
|
import { useStore } from "vuex";
|
||||||
import { useRoute } from "vue-router";
|
import { useRoute } from "vue-router";
|
||||||
import { useQuasar } from "quasar";
|
import { useQuasar } from "quasar";
|
||||||
|
@ -29,7 +29,7 @@ import { useQuasar } from "quasar";
|
||||||
import SummaryTab from "@/components/agents/SummaryTab";
|
import SummaryTab from "@/components/agents/SummaryTab";
|
||||||
import SubTableTabs from "@/components/SubTableTabs";
|
import SubTableTabs from "@/components/SubTableTabs";
|
||||||
|
|
||||||
export default {
|
export default defineComponent({
|
||||||
name: "AgentView",
|
name: "AgentView",
|
||||||
components: {
|
components: {
|
||||||
SummaryTab,
|
SummaryTab,
|
||||||
|
@ -51,9 +51,17 @@ export default {
|
||||||
store.commit("setActiveRow", route.params.agent_id);
|
store.commit("setActiveRow", route.params.agent_id);
|
||||||
store.state.tabHeight = `${tabHeight.value}px`;
|
store.state.tabHeight = `${tabHeight.value}px`;
|
||||||
|
|
||||||
|
// watch for route change
|
||||||
|
watch(
|
||||||
|
() => route.params.agent_id,
|
||||||
|
() => {
|
||||||
|
store.commit("setActiveRow", route.params.agent_id);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
tabHeight,
|
tabHeight,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue