drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Input add @on-search event

Browse source
This commit is contained in:
梁灏 2018-06-27 15:40:03 +08:00
parent e2a877c46a
commit 1e17564989
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
examples/routers/input.vue
View file

@ -129,11 +129,11 @@
<Icon type="ios-aperture" slot="prefix" /> <Icon type="ios-aperture" slot="prefix" />
</Input> </Input>
<br><br><br><br> <br><br><br><br>
<Input v-model="value" search enter-button style="width: 300px" /> <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" />
<br><br> <br><br>
<Input v-model="value" search style="width: 300px" /> <Input v-model="value" search style="width: 300px" @on-search="hs" />
<br><br> <br><br>
<Input v-model="value" search enter-button="搜索" style="width: 300px" /> <Input v-model="value" search enter-button="Search" style="width: 300px" @on-search="hs" />
</div> </div>
</template> </template>
<script> <script>
@ -148,6 +148,11 @@
select2: 'com', select2: 'com',
select3: 'day' select3: 'day'
} }
},
methods: {
hs (val) {
console.log(val);
}
} }
} }
</script> </script>

4
src/components/input/input.vue
View file

@ -218,6 +218,7 @@
methods: { methods: {
handleEnter (event) { handleEnter (event) {
this.$emit('on-enter', event); this.$emit('on-enter', event);
if (this.search) this.$emit('on-search', this.currentValue);
}, },
handleKeydown (event) { handleKeydown (event) {
this.$emit('on-keydown', event); this.$emit('on-keydown', event);
@ -292,8 +293,9 @@
this.$emit('on-change', e); this.$emit('on-change', e);
}, },
handleSearch () { handleSearch () {
if (this.disable) return false; if (this.disabled) return false;
this.$refs.input.focus(); this.$refs.input.focus();
this.$emit('on-search', this.currentValue);
} }
}, },
watch: { watch: {