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

Question

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

例如:

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

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

Answer 1

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

但是,一般情况下,我会选择以下内容:

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

基本上,文档说如果属性值的计算结果为false,则省略该属性.有关详细信息,请参见此处

Answer 2

你可以这样做：

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