Question

我之前已成功实施此行为但由于某种原因它无法正常工作。我对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>

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

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

但是，出于某种原因，唯一发生的事情是（当我使用Chrome调试时）

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

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

Answer 1

您没有将v-bind:用于输入按钮的value属性

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

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

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

元素未被禁用

1 个答案: