diff --git a/example/pages/search/index.js b/example/pages/search/index.js index b08e6bb6..8d4fec15 100644 --- a/example/pages/search/index.js +++ b/example/pages/search/index.js @@ -25,5 +25,12 @@ Page({ title: '取消', icon: 'none' }); + }, + + onClear() { + wx.showToast({ + title: '清空', + icon: 'none' + }); } }); diff --git a/example/pages/search/index.wxml b/example/pages/search/index.wxml index bdea9dc6..fdb0d24d 100644 --- a/example/pages/search/index.wxml +++ b/example/pages/search/index.wxml @@ -15,6 +15,7 @@ bind:change="onChange" bind:search="onSearch" bind:cancel="onCancel" + bind:clear="onClear" /> diff --git a/packages/field/README.md b/packages/field/README.md index db65ebe4..4d754aff 100644 --- a/packages/field/README.md +++ b/packages/field/README.md @@ -172,6 +172,7 @@ Page({ | bind:click-icon | 点击尾部图标时触发 | - | | bind:focus | 输入框聚焦时触发 | - | | bind:blur | 输入框失焦时触发 | - | +| bind:clear | 点击清空控件时触发 | - | ### Slot diff --git a/packages/field/index.ts b/packages/field/index.ts index 587a35b0..da4214a7 100644 --- a/packages/field/index.ts +++ b/packages/field/index.ts @@ -115,6 +115,7 @@ VantComponent({ }); this.$emit('input', ''); this.$emit('change', ''); + this.$emit('clear', ''); }, onConfirm() { diff --git a/packages/search/README.md b/packages/search/README.md index c6ee3c9b..ca733c9d 100644 --- a/packages/search/README.md +++ b/packages/search/README.md @@ -70,6 +70,7 @@ Search 支持自定义右侧取消按钮,使用名字为 action 的 slot 即 | bind:cancel | 取消搜索搜索时触发 | - | | bind:focus | 输入框聚焦时触发 | - | | bind:blur | 输入框失焦时触发 | - | +| bind:clear | 点击清空控件时触发 | - | ### Slot diff --git a/packages/search/index.ts b/packages/search/index.ts index b0164580..eb088c4d 100644 --- a/packages/search/index.ts +++ b/packages/search/index.ts @@ -47,6 +47,10 @@ VantComponent({ onBlur() { this.$emit('blur'); - } + }, + + onClear() { + this.$emit('clear'); + }, } }); diff --git a/packages/search/index.wxml b/packages/search/index.wxml index dd392e9d..e8cc1636 100644 --- a/packages/search/index.wxml +++ b/packages/search/index.wxml @@ -23,6 +23,7 @@ bind:focus="onFocus" bind:change="onChange" bind:confirm="onSearch" + bind:clear="onClear" />