uniapp 輸入有值后按鈕變色

我們在開發中難免會遇到一些登錄注冊輸入框中的值為空時，按鈕的狀態變成為不可點擊的狀態，當輸入框有值后就把按鈕變為可點擊的狀態

代碼部分：

<input placeholder="請輸入手機號" name="input" type="number" v-model="phone" @input="changeDisabled"></input>@input: 輸入框輸入的實時監聽
<button class="bg-blue text-center login_btn" :disabled="disabled">登錄</button>　

data() {
    return {
        disabled: true
    }
}

changeDisabled(e) {
    // console.log(e)
    if (e.detail.value != "") {
        this.disabled = false;
    } else {
        this.disabled = true;
    }
},

效果圖：

 

有值后：