站长资源
中国站长网站

项目中使用vue后oninput事件的填坑

坑的由来:原有项目有个滑块(原生JS)监听了oninput事件,但是加入了vue之后报错

Uncaught TypeError: Cannot set property 'oninput' of undefined

解决思路,既然想用vue那就得按照它的套路来,vue中事件使用v-on来绑定,或者简写@

<input type="range" name="range" id="range" min="1" max="9" value="5" @oninput="change"/>

结果还是报错,难道没有oninput事件?经过多方查证,还真没有,或者说改变滑块时候并没有触发

那就试着用input事件吧

<input type="range" name="range" id="range1" min="1" max="9" value="5" @input="range"/>

结果可以了项目中使用vue后oninput事件的填坑

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » 项目中使用vue后oninput事件的填坑

评论 抢沙发

评论前必须登录!