fix(search): support v-model syntax sugar

packages/tdesign-uniapp/.changelog/pr-4459.md

@@ -0,0 +1,6 @@
+---
+pr_number: 4459
+contributor: Kriac
+---
+
+- feat(Search): 支持 `v-model` 语法糖写法 @Kriac ([#4459](https://github.com/Tencent/tdesign-miniprogram/pull/4459))

packages/uniapp-components/search/_example/other/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="example-search">
     <t-search
-      v-model="value"
+      v-model:value="value"
       center
       placeholder="搜索预设文案"
       @change="onChange"

packages/uniapp-components/search/search.vue

@@ -200,7 +200,10 @@ export default {
 
         this.showClearIcon = value || String(clearTrigger) === 'always';
       },
-
+      emitChange(data) {
+        this.$emit('update:value', data.value);
+        this.$emit('change', data);
+      },
       onInput(e) {
         let { value } = e.detail;
         // this.rawValue = value;
@@ -216,7 +219,7 @@ export default {
 
         nextTick().then(() => {
           this.dataValue = value;
-          this.$emit('change', {
+          this.emitChange({
             value,
             trigger: 'input-change',
           });
@@ -240,11 +243,11 @@ export default {
       handleClear() {
         this.dataValue = '';
         this.isSearching = false;
-        this.$emit('clear', { value: '' });
-        this.$emit('change', {
+        this.emitChange({
           value: '',
           trigger: 'clear',
         });
+        this.$emit('clear', { value: '' });
       },
 
       onConfirm(e) {
@@ -261,8 +264,7 @@ export default {
         const item = this.resultList[index];
         this.dataValue = item;
         this.isSelected = true;
-
-        this.$emit('change', {
+        this.emitChange({
           value: item,
           trigger: 'option-click',
         });