实现效果：input未输入值，按钮禁用
jquery操作代码：
html
rush:js;">
css
rush:js;">
.disabled {
pointer-events: none;//禁用点击事件
cursor: default;//鼠标禁用
opacity: 0.4;
}
js
rush:js;">
//监听input里的值
$('#userName').on('input propertychange',function(){
if(this.value.length != 0){
$('#login').removeClass('disabled');
}else{
$('#login').addClass('disabled');
}
});
Vue操作代码：
html
rush:js;">
用户名" v-model="userName">
js
rush:js;">
export default{
data(){
return{
forbidden:false,userName:null
}
},methods:{
if(this.userName == null){
this.forbidden = true;
}else{
this.forbidden = false
}
}
}
总结
以上所述是小编给大家介绍的使用vue与jquery实时监听用户输入状态的操作代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
