iview input blur事件

对于 iview 中的 Input事件仅仅介绍 on-blur 事件,其他事件用法蕾丝.

<template>
    <Input v-model="value"  @on-blur="change()"/>
</template>
<script>
    export default {
        data () {
            return {
                value: 'on-blur'
            }
        },
        methods:{
           oncahgn() {
              console.log(this.value);
          }
        }
    }
</script> 
on-enter	按下回车键时触发	无
on-click	设置 icon 属性后,点击图标时触发	无
on-change	数据改变时触发	event
on-focus	输入框聚焦时触发	无
on-blur	输入框失去焦点时触发	无
on-keyup	原生的 keyup 事件	event
on-keydown	原生的 keydown 事件	event
on-keypress	原生的 keypress 事件	event
on-search	开启 search 时可用,点击搜索或按下回车键时触发	value
on-clear 
3.4.0开启 clearable 时可用,点击清空按钮时触发

参考:https://www.iviewui.com/components/input

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐