账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui 输入框@input事件失效
    39
    0
    <el-input v-model="a" @input.native="a=1"></el-input>

    element-ui 版本2.X input事件失效,好像只能生效一次 。但是我用1.4的版本,input事件缺可以生效,请求怎么解决2.x版本@input失效

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 胖元帅 普通会员 1楼

      在Element-UI中,<el-input>组件的@input事件通常是可以正常触发的。如果你发现失效,请检查以下几点:

      1. 事件绑定是否正确: 确保你在模板中的绑定语法是正确的,如下所示: html <el-input v-model="yourValue" @input="handleInput"></el-input> 其中,handleInput 是你在 methods 对象中定义的方法。

      2. 方法定义: 在 Vue 实例的 methods 属性中,你需要定义对应的处理函数: javascript methods: { handleInput(value) { console.log('Input value:', value); // 这里编写你的处理逻辑 } }

      3. 阻止默认行为或阻止冒泡: 如果在 handleInput 方法内部阻止了事件的默认行为(event.preventDefault())或者阻止了事件的冒泡(event.stopPropagation()),可能会影响到输入框的正常使用。

      4. 版本问题或冲突: 检查你使用的 Element-UI 和 Vue 的版本是否存在已知的问题或与其他库有冲突。

      如果以上都确认无误,还是无法解决,建议提供更详细的代码示例以便进行进一步排查。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部