元素未被禁用

时间:2016-05-10 14:52:03

标签: vue.js

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

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

1 个答案:

答案 0 :(得分:1)

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

因此,loginRadio不包含布尔值truefalse(取决于选择),但字符串:"true""false"

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

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