属性 : show-message 是否显示校验错误信息
show-message | 是否显示校验错误信息 | boolean | — | true |
示例:禁选时隐藏验证出现的错误,可以选择时显示错误提示
代码:
<el-form-item label="企业"
prop="enterpriseId">
<el-select v-model="dataForm.enterpriseId"
style="width:80%;"
placeholder="请选择企业"
@change="EnterChange">
<el-option v-for="item in enterList"
:key="item.eid"
:label="item.ename"
:value="item.eid">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="选择周期"
prop="fillingType"
:show-message="isShowMsg">
<el-select v-model="dataForm.fillingType"
style="width:80%;"
placeholder="请选择周期"
@change="changType"
:disabled="iSdisabled">
<el-option v-for="item in TypeList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="选择时间"
prop="fillingCycle"
:show-message="isShowMsg">
<el-select v-model="dataForm.fillingCycle"
style="width:80%;"
placeholder="请选择时间"
:disabled="iSdisabled">
<el-option v-for="item in CycleList"
:key="item.date"
:label="dataForm.fillingType === '0'?item.date.slice(0, 7):item.date.slice(0, 4)"
:value="item.date">
</el-option>
</el-select>
</el-form-item>
export default {
data () {
return {
iSdisabled: false,
isShowMsg: true,
}
},
......
}
其实直接使用 :show-message="!iSdisabled" 更简单