From 6e7acd5062824d5aae2ed345898d761a93879de0 Mon Sep 17 00:00:00 2001 From: heimawl <1785969728@qq.com> Date: 星期五, 02 六月 2023 17:16:31 +0800 Subject: [PATCH] 组件库整理,依赖安装、excel导入导入方法整理 --- src/components/SizeSelect/index.vue | 53 +++++++++++++++++++++++++++++------------------------ 1 files changed, 29 insertions(+), 24 deletions(-) diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue index 069b5de..3cd013a 100644 --- a/src/components/SizeSelect/index.vue +++ b/src/components/SizeSelect/index.vue @@ -1,10 +1,16 @@ +<!-- 涓嬫媺鑿滃崟灏佽 --> <template> <el-dropdown trigger="click" @command="handleSetSize"> <div> <svg-icon class-name="size-icon" icon-class="size" /> </div> <el-dropdown-menu slot="dropdown"> - <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size===item.value" :command="item.value"> + <el-dropdown-item + v-for="item of sizeOptions" + :key="item.value" + :disabled="size === item.value" + :command="item.value" + > {{ item.label }} </el-dropdown-item> </el-dropdown-menu> @@ -16,41 +22,40 @@ data() { return { sizeOptions: [ - { label: 'Default', value: 'default' }, - { label: 'Medium', value: 'medium' }, - { label: 'Small', value: 'small' }, - { label: 'Mini', value: 'mini' } - ] - } + { label: "Default", value: "default" }, + { label: "Medium", value: "medium" }, + { label: "Small", value: "small" }, + { label: "Mini", value: "mini" }, + ], + }; }, computed: { size() { - return this.$store.getters.size - } + return this.$store.getters.size; + }, }, methods: { handleSetSize(size) { - this.$ELEMENT.size = size - this.$store.dispatch('app/setSize', size) - this.refreshView() + this.$ELEMENT.size = size; + this.$store.dispatch("app/setSize", size); + this.refreshView(); this.$message({ - message: 'Switch Size Success', - type: 'success' - }) + message: "Switch Size Success", + type: "success", + }); }, refreshView() { // In order to make the cached page re-rendered - this.$store.dispatch('tagsView/delAllCachedViews', this.$route) + this.$store.dispatch("tagsView/delAllCachedViews", this.$route); - const { fullPath } = this.$route + const { fullPath } = this.$route; this.$nextTick(() => { this.$router.replace({ - path: '/redirect' + fullPath - }) - }) - } - } - -} + path: "/redirect" + fullPath, + }); + }); + }, + }, +}; </script> -- Gitblit v1.9.3