鍍金池/ 問答/HTML5  HTML/ vue中v-bind判斷

vue中v-bind判斷

用v-bind綁定按鈕disabled
:disabled="!filter.input1" 這樣是可行的,
但是要判斷三個值都存在就不行,類似這樣
:disabled="!filter.input1 && !filter.input2 && !filter.input3"

該怎么寫

回答
編輯回答
傲嬌范

寫個計算屬性

computed: {
    isDisabled: () => {
        return !filter.input1 && !filter.input2 && !filter.input3
    }
}
2018年9月9日 11:57
編輯回答
法克魷

請使用：:disabled="!filter.input1 || !filter.input2 || !filter.input3"

這樣才符合邏輯，只要有一個不滿足，就不能點擊

2018年3月12日 22:52