element中el-input组件事件

简介: element中el-input组件事件
<el-input v-model="value" v-on:change="handleChange"></el-input>
<el-input v-model="value" @change="handleChange"></el-input>
<el-input v-model="value" v-on:input="handleChange"></el-input>
<el-input v-model.trim="value" @input="handleChange" v-focus></el-input>
export default{
    data() {
        return {
            value: ''
        }
    },
    methods: {
        handleChange(value) {
            if (this.value) {
              this.value = parseInt(value);
            }
        }
    }
}
相关文章
|
1月前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
Element el-button 按钮组件详解
本文目录 1. 背景 2. 按钮分类 3. 按钮样式 4. 按钮状态 5. 按钮分组 6. 按钮尺寸 7. 小结
2580 0
Element el-button 按钮组件详解
|
JavaScript
Element el-form 表单详解
本文目录 1. 前言 2. 基本用法 3. 行内表单 4. 标签对齐方式 5. 调整尺寸 6. 小结
1509 0
Element el-form 表单详解
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
1637 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
7月前
el-input点击事件
el-input点击事件
121 1
|
7月前
el-input-number阻止外层button的冒泡
el-input-number阻止外层button的冒泡
72 0
|
7月前
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
172 0
|
8月前
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
300 0
|
10月前
Vue3 + Element Plus项目中el-switch按钮效果
Vue3 + Element Plus项目中el-switch按钮效果
462 0
|
10月前
不使用el-form仅仅单独给el-input设置表单校验
不使用el-form仅仅单独给el-input设置表单校验
270 0