如何在vue.js中有条件地禁用输入

作者: 狗头军师
发布时间: 2024-08-14 01:13:10 (2小时前)

2 条回复

1#
回复此人
v-star*위위 | 2020-08-04 17-13

要删除禁用的道具，您应该将其值设置为false。这需要是布尔值false，而不是字符串'false'。因此，如果for的值为validated1或0，则disabled根据该值有条件地设置prop。例如： `<input type="text" :disabled="validated == 1">` 这是一个例子。 ``` var app = new Vue({ el: '#app', data: { disabled: 0, }, }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <button @click="disabled = (disabled + 1) % 2">Toggle Enable</button> <input type="text" :disabled="disabled == 1"> <pre>{{ $data }}</pre> </div> ```

编辑

登录后才能参与评论