亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue組件中點(diǎn)擊按鈕后修改輸入框的狀態(tài)實(shí)例代碼

 更新時(shí)間：2017年04月14日 08:44:45   作者：Eve慕  
要求點(diǎn)擊修改按鈕之后部分輸入框由禁用狀態(tài)變?yōu)榭捎脿顟B(tài)。下面我給大家分享一段實(shí)例代碼基于vue組件中點(diǎn)擊按鈕后修改輸入框的狀態(tài)，需要的的朋友參考下

最近寫一個(gè)這樣的頁(yè)面

這里寫圖片描述 

要求點(diǎn)擊修改按鈕之后部分輸入框由禁用狀態(tài)變?yōu)榭捎脿顟B(tài).我使用了vue中的事件處理器,但是不知道怎么獲取disabled這個(gè)屬性的值,所以以失敗告終.后來(lái)又使用了vue中的v-bind,使其與class或者style綁定,但是也沒(méi)有作用

<el-input id = "usernames" v-model="form.username" v-bind:style = {"disabled:isDisabled"}></el-input>
data(){
  return{
    isDisabled:true
  }
}

后來(lái)又想到使用jquery來(lái)改變屬性,但是這個(gè)也沒(méi)用

$(document).ready(function(){
 $('.submitButton').hide();
 $('.reviseButton').click(function () {
  $(this).hide();
  $('.submitButton').show();
  $('#username').attr("disabled",true);
  $('#qq').addAttr("disabled");
 })
 })

最后! 機(jī)智的我查看了網(wǎng)頁(yè),發(fā)現(xiàn)被禁用的輸入框是有個(gè)is-disabled的類的,所以用jquery修改類即可

$(document).ready(function(){
 $('.submitButton').hide();
 $('.reviseButton').click(function () {
  $(this).hide();
  $('.submitButton').show();
  $('#usernames').removeClass("is-disabled");
   $('#qq').addClass("is-disabled");
 })
 })

相關(guān)文章

最新評(píng)論