From bbcedd02baa053a88688a82fc72e87c857c82db2 Mon Sep 17 00:00:00 2001 From: dhb52 <dhb52@126.com> Date: 星期三, 03 一月 2024 11:40:39 +0800 Subject: [PATCH] fix: 修复vscode全局属性ts爆红问题 参照vuejs官方文档,[扩展全局属性](https://cn.vuejs.org/guide/typescript/options-api.html#augmenting-global-properties), --- src/components/SizeSelect/index.vue | 34 +++++++++++++++++----------------- 1 files changed, 17 insertions(+), 17 deletions(-) diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue index 268a836..abf72cc 100644 --- a/src/components/SizeSelect/index.vue +++ b/src/components/SizeSelect/index.vue @@ -1,20 +1,3 @@ -<script setup lang="ts"> -import useAppStore from "@/store/modules/app"; - -const appStore = useAppStore(); -const size = computed(() => appStore.size); - -const sizeOptions = ref([ - { label: "杈冨ぇ", value: "large" }, - { label: "榛樿", value: "default" }, - { label: "绋嶅皬", value: "small" }, -]); - -const handleSetSize = (size: string) => { - appStore.setSize(size); -} -</script> - <template> <div> <el-dropdown trigger="click" @command="handleSetSize"> @@ -32,6 +15,23 @@ </div> </template> +<script setup lang="ts"> +import useAppStore from '@/store/modules/app'; + +const appStore = useAppStore(); +const size = computed(() => appStore.size); + +const sizeOptions = ref([ + { label: '杈冨ぇ', value: 'large' }, + { label: '榛樿', value: 'default' }, + { label: '绋嶅皬', value: 'small' } +]); + +const handleSetSize = (size: 'large' | 'default' | 'small') => { + appStore.setSize(size); +}; +</script> + <style lang="scss" scoped> .size-icon--style { font-size: 18px; -- Gitblit v1.9.3