vue组件中点击按钮后修改输入框的状态实例代码

vue组件中点击按钮后修改输入框的状态实例代码

最近写一个这样的页面

要求点击修改按钮之后部分输入框由禁用状态变为可用状态.我使用了vue中的事件处理器,但是不知道怎么获取disabled这个属性的值,所以以失败告终.后来又使用了vue中的v-bind,使其与class或者style绑定,但是也没有作用

data(){

return{

isDisabled:true

}

}

后来又想到使用jquery来改变属性,但是这个也没用

$(document).ready(function(){

$('.submitButton').hide();

$('.reviseButton').click(function () {

$(this).hide();

$('.submitButton').show();

$('#username').attr("disabled",true);

$('#qq').addAttr("disabled");

})

})

最后! 机智的我查看了http://网页,发现被禁用的输入框是有个is-disabled的类的,所以用jquery修改类即可

$(document).ready(function(){

$('.submitButton').hide();

$('.reviseButton').click(function () {

$(this).hide();

$('.submitButton').show();

$('#usernames').removeClass("is-disabled");

$('#qq').addClass("is-disabled");

})

})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。