使用vue与jquery实时监听用户输入状态的操作代码

实现效果:input未输入值,按钮禁用jquery操作代码:html 登录css .disabled { pointer…

实现效果:input未输入值,按钮禁用jquery操作代码:html 登录css .disabled { pointer-events: none;//禁用点击事件 cur

实现效果:input未输入值,按钮禁用

jquery操作代码:

html

 登录

css

 .disabled { pointer-events: none;//禁用点击事件 cursor: default;//鼠标禁用 opacity: 0.4; }

js

 //监听input里的值 $('#userName').on('input propertychange',function(){ if(this.value.length != 0){ $('#login').removeClass('disabled'); }else{ $('#login').addClass('disabled'); } });

Vue操作代码:

html

 
    
     
     
     登录
    
   

js

 export default{ data(){ return{ forbidden:false, userName:null } }, methods:{ if(this.userName == null){ this.forbidden = true; }else{ this.forbidden = false } } }

总结

以上所述是小编给大家介绍的使用vue与jquery实时监听用户输入状态的操作代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对www.cfluntan.cn网站的支持!

以上就是使用vue与jquery实时监听用户输入状态的操作代码的详细内容,更多请关注www.cfluntan.cn其它相关文章!

为您推荐

返回顶部