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

Question

如何根据Vue数据使输入字段只读？

例如：

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

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

原文由 Neha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

请注意，根据 HTML 规范，HTML 中的 select 标记没有 readonly 属性。

但是，在一般情况下，我会选择这样的东西：

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

基本上，文档说，如果一个属性值的计算结果为 false，那么该属性将被省略。有关详细信息，请参见 此处。

原文由 P3trur0 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

你可以这样做：

 <input v-bind:readonly="isReadOnly">

原文由 John Rajan 发布，翻译遵循 CC BY-SA 3.0 许可协议