【element-ui】Vue中，如何使select 只读？

<el-select v-model="warnInfo.warnMethodsList"
                       @focus="this.blur()"
                       multiple
                       clearable
                       size="mini"
                       style="width:100%"
                       placeholder="请选择预警方法">
              <el-option v-for="item in this.selection.warnMethods"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value"></el-option>

项目中使用的是vue + element-ui，在select中~~~~我想设置只读，但是select没有readonly属性。

经过搜索后，我的思路是让select获取焦点的时候失焦，我使用@focus获取点击事件，这一步是成功的。但是this.blur()无效，仍会出现下拉列表。

请问各位大神有没有其他的思路？
或者说是我的方法错误在何处？~~~~

回答：

是想要禁用状态吗? 图片描述

直接 为el-select设置disabled属性，就可以了

回答：

disabled不满足需求的话，可以自定义一层遮罩面具。

回答：

v-model改成value

以上是 【element-ui】Vue中，如何使select 只读？ 的全部内容， 来源链接： utcz.com/a/150841.html

回到顶部