计算属性不会更新输入属性

时间:2019-04-29 07:32:52

标签: vue.js

我有一个输入字段,其禁用值由计算属性定义。

首先,数组的长度为0,在后端发送数据并使用正确的值初始化该数组之后,但似乎在初始化后不会对其进行更新。 即使在调试过程中,似乎反应性确实可以工作,但它不会更新DOM。

<input :disabled="isDisabled" name="header" type="checkbox">

和isDisabled方法如下:

computed: {
  isDisabled(){
    return this.items.length === 0 ? 'disabled' : '';
  }
}

这些物品来自道具,这些道具随后会从父组件中进行更新:

props: {
  items: {
    type: Array,
    required: true,
  }
}

1 个答案:

答案 0 :(得分:1)

<li class="@(controllerName =="Account" && actionName == "HomePage" ? "active":"")"><a href="~/Account/HomePage">Home</a></li> 需要一个:disabled,而不是实际boolean属性的字符串值。所以:

disabled

...将起作用。