Select 选择器 可用与不可用
0
悬赏园豆：5
[已解决问题]
解决于 2020-09-18 14:02
如下代码：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;无效，仍然不可用。
可用要怎么判断？
最佳答案
0
<el-select v-model="value" :disabled=“selectDisabled” placeholder="请选择">
data() {
return {
selectDisabled: true
}
}
this.selectDisabled = false
收获园豆：5
用这方法，在页面上效果是有，但是选择器变高了。设置height也没用
红色区域是原先宽高
@Yimi依米: 这个可能是样式问题，我看不到你的样式
@by.Genesis: 不清楚，没有写别的样式，都是自带的。输入框设置这个效果不会，选择框就会变
其他回答(1)
0
removeAttribute('disabled')
直接刪掉
不懂，是在js里面写吗？同一页面有几个选择器，不同条件不同要求。