Vuejs2 VueJs将属性绑定到条件

Vuejs2 VueJs将属性绑定到条件,vuejs2,vuejs-datepicker,Vuejs2,Vuejs Datepicker,我正在使用,它具有某些属性,如禁用、日历按钮等。我希望将这些属性绑定到数据对象中的条件或布尔值 我试过 但它抛出错误:预期的布尔值,给定的字符串 我期望的是,如果条件为真,那么输出应该如下所示: 如果条件为假 我知道我可以在它周围使用一个v-if包装器(v-if-else),但我正在寻找一个v-bind解决方案,比如我们如何使用html属性 谢谢。默认情况下:disabled picker=“isDisabled”解析为字符串 您应该选择:disabled picker=“isDisable

我正在使用,它具有某些属性,如禁用、日历按钮等。我希望将这些属性绑定到数据对象中的条件或布尔值

我试过

但它抛出错误:
预期的布尔值,给定的字符串

我期望的是,如果条件为真,那么输出应该如下所示:

如果条件为假

我知道我可以在它周围使用一个v-if包装器(v-if-else),但我正在寻找一个v-bind解决方案,比如我们如何使用html属性


谢谢。

默认情况下
:disabled picker=“isDisabled”
解析为字符串

您应该选择
:disabled picker=“isDisabled”
insead

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

默认情况下
:禁用的picker=“isDisabled”
解析为字符串

您应该选择
:disabled picker=“isDisabled”
insead

export default {
  data () {
    return {
     isDisabled: true
    }
  }
}
你应该做:

<date-picker :disabled-picker="someVariableWithTrueOrFalse"></date-picker>
基本上等同于我最初提供的示例。将该值设置为false与不存在的属性相同。

您应该执行以下操作:

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

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

确定。我会试试的。谢谢你。如果有效,则将此标记为答案。这不起作用。事实上,我写了不正确的财产名称。请查看我编辑的问题。更新了示例谢谢帮助。它解决了这个问题。我还在想为什么你第一次建议用双引号(:)的时候它不起作用。当然。我会试试的。谢谢你。如果有效,则将此标记为答案。这不起作用。事实上,我写了不正确的财产名称。请查看我编辑的问题。更新了示例谢谢帮助。它解决了这个问题。我仍然想知道为什么你第一次建议用双引号(:)时它没有起作用。谢谢你的帮助。希望有一个选项来标记两个正确的答案。谢谢你的帮助。希望有一个选项可以正确标记两个答案。