<button class="iconDivIcon targetBtn" :class="isdisabled?btndisabled:''" ?style="width:100px;" @click="changeEnables(0)" :disabled="isdisabledFn">禁用</button> ?
<div id="app"><button :disabled="isdisabledFn">測試</button><div> ? ?

js中：

var app=new Vue({undefined
? ? ? ? el:"#app",
? ? ? ? data:{undefined
? ? ? ? ? ? ? ? isDisabl:true
? ? ? ? },
? ? ? ? computed:{undefined
? ? ? ? ? ? ? ? isdisabledFn(){undefined
? ? ? ? ? ? ? ? ? ? if(后臺傳過來的數(shù)據(jù)!=null){undefined
? ? ? ? ? ? ? ? ? ? ? ? ? ? return this.isdisabled=false;
? ? ? ? ? ? ? ? ? ? }else{undefined
? ? ? ? ? ? ? ? ? ? ? ? ? ? return this.isdisabled=true;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? }
})

動態(tài)改變:disabled的屬性值

比如這個，我想要做這個功能：當我在input輸入生日后，只能輸入一次，輸入完成后才修改為none，一開始默認為true：disabled="none"

找了很久，可能沒人提這么弱智的問題哭唧唧，所以我自己琢磨了很久，終于啊。。

首先

先把那個none改為一個可以修改的值，這里我隨便起的也叫disabled

<date-picker v-model="time1" valueType="format"
                     ref="userBirthdayInput"
                     id="userBirthday"
                     :disabled="disabled"
                     placeholder="請輸入生日"></date-picker>

然后

設置一個屬性props，里面設置這disabled的默認值為false，注意：這個props與data同級的，不是在data里面的。

export default {
    name: "ModifyUserInfo",
    props: {
      disabled: {
        default: false
      }
    },
    data() {
      return {
        time1: null,
        loading: false,
        userPhoto: "",
      }
    }
    }