vue中v-bind判断

Question

用v-bind绑定按钮disabled
:disabled="!filter.input1" 这样是可行的,
但是要判断三个值都存在就不行,类似这样
:disabled="!filter.input1 && !filter.input2 && !filter.input3"

该怎么写

Answer 1

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

这样才符合逻辑，只要有一个不满足，就不能点击

Answer 2

写个计算属性

computed: {
    isDisabled: () => {
        return !filter.input1 && !filter.input2 && !filter.input3
    }
}