diff --git a/packages/web-vue/components/input-number/input-number.tsx b/packages/web-vue/components/input-number/input-number.tsx
index e5c34bcda..f37600e84 100644
--- a/packages/web-vue/components/input-number/input-number.tsx
+++ b/packages/web-vue/components/input-number/input-number.tsx
@@ -518,6 +518,9 @@ export default defineComponent({
     ]);
 
     const renderPrependButton = () => {
+      if (props.readOnly) {
+        return null;
+      }
       return (
         <ArcoButton
           size={mergedSize.value}
@@ -535,6 +538,9 @@ export default defineComponent({
     };
 
     const renderAppendButton = () => {
+      if (props.readOnly) {
+        return null;
+      }
       return (
         <ArcoButton
           size={mergedSize.value}