diff --git a/examples/docs/zh-cn/input-number.md b/examples/docs/zh-cn/input-number.md
index 31ae89f58..0c4e8794d 100644
--- a/examples/docs/zh-cn/input-number.md
+++ b/examples/docs/zh-cn/input-number.md
@@ -39,6 +39,11 @@
       return {
         num1: 1
       };
+    },
+    methods: {
+      handleChange(value) {
+        console.log(value);
+      }
     }
   };
 </script>
@@ -50,7 +55,18 @@
 :::demo `disabled`属性接受一个`Boolean`，设置为`true`即可禁用整个组件，如果你只需要控制数值在某一范围内，可以设置`min`属性和`max`属性，不设置`min`和`max`时，最小值为 0。
 
 ```html
-<el-input-number v-model="num2" :disabled="true"></el-input-number>
+<template>
+  <el-input-number v-model="num2" :disabled="true"></el-input-number>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        num2: 1
+      }
+    }
+  };
+</script>
 ```
 :::
 
@@ -61,7 +77,18 @@
 :::demo 设置`step`属性可以控制步长，接受一个`Number`。
 
 ```html
-<el-input-number v-model="num3" :step="2"></el-input-number>
+<template>
+  <el-input-number v-model="num3" :step="2"></el-input-number>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        num3: 5
+      }
+    }
+  };
+</script>
 ```
 :::