diff --git a/components/select/demo/label-in-value.vue b/components/select/demo/label-in-value.vue
index d548f7ed3..04edb0b4e 100644
--- a/components/select/demo/label-in-value.vue
+++ b/components/select/demo/label-in-value.vue
@@ -44,5 +44,5 @@ const handleChange: SelectProps['onChange'] = value => {
   console.log(value); // { key: "lucy", label: "Lucy (101)" }
 };
 
-const value = ref('lucy');
+const value = ref({ value: 'lucy', label: 'Lucy (101)' });
 </script>
diff --git a/components/tree-select/demo/placement.vue b/components/tree-select/demo/placement.vue
index b8ed4d524..432c54206 100644
--- a/components/tree-select/demo/placement.vue
+++ b/components/tree-select/demo/placement.vue
@@ -37,9 +37,9 @@ You can manually specify the position of the popup via `placement`.
     :dropdown-match-select-width="false"
     tree-node-filter-prop="label"
   >
-    <template #title="{ value: val, title }">
+    <template #title="{ value: val, label }">
       <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
-      <template v-else>{{ title }}</template>
+      <template v-else>{{ label }}</template>
     </template>
   </a-tree-select>
 </template>