元素未被禁用答案

【问题标题】：Element not being disabled元素未被禁用
【发布时间】：2016-05-10 14:52:03
【问题描述】：

我之前已经成功实现了这种行为，但由于某种原因它不起作用。我对 Vue.js 还很陌生，我可能会遗漏一些东西。

我有两个单选按钮：

<div class="radio">
    <label>
        <input type="radio" name="loginRadio" id="frmLoginRadio" value="true" v-model="loginRadio" checked>
        No, I am new to this site
    </label>
</div>
<div class="radio">
    <label>
        <input type="radio" name="loginRadio" id="frmRegisterRadio" value="false" v-model="loginRadio">
        Yes, my password is:
    </label>
</div>

它们都有一个 v-model 的 loginRadio，最初设置为 false。单击第二个单选按钮时，应再次启用下面禁用的输入按钮。

<input type="password" class="form-control" name="password" :disabled="loginRadio">

但是，由于某种原因，唯一发生的事情就是这个（当我使用 Chrome Debug 时）

<input type="password" class="form-control" name="password" disabled="false">

并且该元素保持禁用状态。我究竟做错了什么？

【问题讨论】：

标签： vue.js

【解决方案1】：

你没有使用v-bind:作为输入按钮的value属性

因此，loginRadio 不包含布尔值 true 或 false（取决于选择），而是字符串："true" 和 "false"

在两个输入按钮上正确绑定 value 属性就足够了：

:value="true"
:value="false"

【讨论】：