diff --git a/package/component/src/component/tag/index.less b/package/component/src/component/tag/index.less
index 34717fbf..758c2925 100644
--- a/package/component/src/component/tag/index.less
+++ b/package/component/src/component/tag/index.less
@@ -74,7 +74,9 @@
    }
 
    & &-text {
-    overflow: hidden; text-overflow: ellipsis; white-space: nowrap
+      overflow: hidden; 
+      text-overflow: ellipsis; 
+      white-space: nowrap
    }
 
    & &-close-icon {
diff --git a/package/component/src/component/tag/index.vue b/package/component/src/component/tag/index.vue
index 07f8d36a..5c9d5605 100644
--- a/package/component/src/component/tag/index.vue
+++ b/package/component/src/component/tag/index.vue
@@ -6,7 +6,7 @@ export default {
 <script lang="ts" setup>
 import "./index.less";
 import { LayIcon } from "@layui/icons-vue";
-import { computed, ref } from "vue";
+import { computed, nextTick, ref } from "vue";
 import { TinyColor } from "@ctrl/tinycolor";
 import { TagShape, TagType, TagVariant } from "./interface";
 
diff --git a/package/document-component/src/document/zh-CN/components/tag.md b/package/document-component/src/document/zh-CN/components/tag.md
index 22dd47f5..4dd3bea7 100644
--- a/package/document-component/src/document/zh-CN/components/tag.md
+++ b/package/document-component/src/document/zh-CN/components/tag.md
@@ -196,7 +196,7 @@ import { ref, nextTick } from 'vue';
 
 export default {
   setup() {
-    const tagData = ref(['Tag', 'Selected', 'Tags']);
+    const tagData = ref(['Tag', 'Selected1111111111111111111111111111111', 'Tags']);
     const inputRef = ref(null);
     const showInput = ref(false);
     const inputVal = ref('');