<template>
<div>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="项目状态:" prop="status">
<el-select :disabled="isRead" v-model="form.status" class="mySelect" popper-class="wentipingSelectPopper" placeholder="请选择项目状态"
style="width: 169px;margin-right:20px;">
<el-option v-for="item in statusList" :key="item.value" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data() {
return {
code: 0,
form: {
status: ''
},
isRead: true,
statusList: [
{
value: '0',
label: '未完成'
},
{
value: '1',
label: '已完成'
},
],
}
},
created () {
this.form.status = this.statusList[0].value;
},
}
</script>
<style scoped>
</style>
效果图:
element-ui 解决 el-select 设置初始默认值后切换选项无效问题_sea9528的博客-CSDN博客_el-select设置默认值
版权声明:本文为qq_37550440原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。