github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-14 11:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: watch layout in tab

Browse Source
This commit is contained in:
Qiuxia Fan
2022-01-09 18:08:24 +08:00
parent 92b03a006e
commit 3a9848a30c
2 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/dashboard/controls/Tab.vue
View File

@@ -74,7 +74,7 @@ limitations under the License. -->
</grid-layout>
</template>
<script lang="ts" setup>
import { defineProps, reactive, ref } from "vue";
import { defineProps, reactive, ref, watch } from "vue";
import type { PropType } from "vue";
import Widget from "./Widget.vue";
import { LayoutConfig } from "@/types/dashboard";
@@ -124,6 +124,16 @@ function addTabWidget() {
dashboardStore.addTabWidget(activeTabIndex.value);
}
document.body.addEventListener("click", handleClick, false);
watch(
() =>
dashboardStore.layout[props.data.i].children[activeTabIndex.value].children,
() => {
state.layout =
dashboardStore.layout[props.data.i].children[
activeTabIndex.value
].children;
}
);
</script>
<style lang="scss" scoped>
.tabs {