Question

我正在使用vue-datepicker并且它具有某些属性，例如禁用，日历按钮等。我想将这些属性绑定到数据对象中的条件或布尔值。

我尝试了<date-picker disabled-picker=true></date-picker>

但它会引发错误：expected Boolean, string given

我期待的是，如果条件为真，那么输出应该是：

<date-picker disabled-picker></date-picker>

如果条件为假，

<date-picker></date-picker>

我知道我可以在它周围使用v-if包装器（v-if else），但我正在寻找一个v-bind解决方案，就像我们如何使用html属性一样。

谢谢。

Answer 1

你应该这样做：

<date-picker :disabled-picker="someVariableWithTrueOrFalse"></date-picker>

请务必在数据部分声明someVariableWithTrueOrFalse: false。

你说你只想让属性显示为true而不显示为false但是

<date-picker disabled-picker></date-picker>

基本上等同于我最初提供的示例。将值设置为false与不存在的属性相同。

Answer 2

默认情况下:disabled-picker="isDisabled"解析为字符串。

你应该选择:disabled-picker="isDisabled" insead。

export default {
  data () {
    return {
     isDisabled: true
    }
  }
}