如下代码:disabled 使选择器一开始不可用
<template>
<el-select v-model="value" disabled placeholder="请选择">
<el-option value="1" label="快递"></el-option>
<el-option value="2" label="海运"></el-option>
<el-option value="3" label="空运"></el-option>
</el-option>
</el-select>
</template>
或者:
<template>
<el-select v-model="value" disabled=“true” placeholder="请选择">
<el-option value="1" label="快递"></el-option>
<el-option value="2" label="海运"></el-option>
<el-option value="3" label="空运"></el-option>
</el-select>
</template>
当某种情况下需要可用:
在js 设置:__self.disabled = false;无效,仍然不可用。
可用要怎么判断?
<el-select v-model="value" :disabled=“selectDisabled” placeholder="请选择">
data() {
return {
selectDisabled: true
}
}
this.selectDisabled = false
用这方法,在页面上效果是有,但是选择器变高了。设置height也没用
红色区域是原先宽高
@Yimi依米: 这个可能是样式问题,我看不到你的样式
@by.Genesis: 不清楚,没有写别的样式,都是自带的。输入框设置这个效果不会,选择框就会变
removeAttribute('disabled')
直接刪掉
不懂,是在js里面写吗?同一页面有几个选择器,不同条件不同要求。