【tips】el-select没有赋值但是初始化回显了
页面初始化,下拉框的list是异步的,且没有默认选中值。别的都正常,就是有一个下拉框竟然回显了。。。
原来是这样写的。
<div>serverID-{{form.serverID}}</div>
<el-select class="filter-item" v-model="form.serverID" placeholder="请选择文件服务器" style="width: 100%" :disabled="type != 'add'" clearable>
<el-option v-for="item in fileServerList" :key="item.serverID" :label="item.name" :value="item.serverID"></el-option>
</el-select>
明明form.serverID没有值,但是
而且,鼠标移上去是没有clearable图标的。百思不得其解。硬控我好久。最后发现是因为option的list数据中并没有serverID这个字段!我写错了字段名应该是。fileServerID。。item.fileServerID。。。form.fileServerID
啊,果然,百思不得其解的!特别奇怪的bug!一般都是因为自己犯了特别蠢特别低级的错误。。。