diff --git a/examples/sites/demos/pc/app/input/display-only-popup-more-composition-api.vue b/examples/sites/demos/pc/app/input/display-only-popup-more-composition-api.vue
index 1ea7a68e55..d0e22a3d5c 100644
--- a/examples/sites/demos/pc/app/input/display-only-popup-more-composition-api.vue
+++ b/examples/sites/demos/pc/app/input/display-only-popup-more-composition-api.vue
@@ -9,7 +9,7 @@ import { ref } from 'vue'
 import { TinyInput } from '@opentiny/vue'
 
 const input = ref(
-  '表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏'
+  '表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏'
 )
 </script>
 
diff --git a/examples/sites/demos/pc/app/input/display-only-popup-more.vue b/examples/sites/demos/pc/app/input/display-only-popup-more.vue
index 010430b8f7..fd6678c4f0 100644
--- a/examples/sites/demos/pc/app/input/display-only-popup-more.vue
+++ b/examples/sites/demos/pc/app/input/display-only-popup-more.vue
@@ -14,7 +14,7 @@ export default {
   data() {
     return {
       input:
-        '表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏'
+        '表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏'
     }
   }
 }
diff --git a/packages/vue/src/input/src/pc.vue b/packages/vue/src/input/src/pc.vue
index 25bc0812e2..8933211ddd 100644
--- a/packages/vue/src/input/src/pc.vue
+++ b/packages/vue/src/input/src/pc.vue
@@ -193,7 +193,7 @@
         :append-to-body="true"
         @update:visible="state.showDisplayOnlyBox = $event"
       >
-        <div>{{ state.displayOnlyText }}</div>
+        <pre>{{ state.displayOnlyText }}</pre>
         <template #footer>
           <tiny-button @click="state.showDisplayOnlyBox = false">{{ t('ui.input.close') }}</tiny-button>
         </template>