javascript - 如何根据 Vue 中的特定值使输入只读？

Question

如何根据Vue数据让输入框只读？

例如:

<select class="form-control" 
        id="selectCategory" 
        :disabled="cat_id >= 
            1" 
        name="cat_id">

我想让该字段只读但不禁用。我怎样才能做到这一点？

Answer 1

请注意，根据 HTML 规范，HTML 中的 select 标签没有只读属性。

但是，在一般情况下，我会选择这样的方式:

<input class="form-control" id="selectCategory" :readonly="cat_id >= 1">

基本上，文档说如果属性值的计算结果为 false，则该属性将被忽略。参见 here了解更多详情。