代码拉取完成,页面将自动刷新
同步操作将从 陌溪/LearningNotes 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
今天在做蘑菇博客数据字典这块遇到一个问题,就是el-select绑定的值为整数而无法默认选择的问题,它会直接显示数字,而不是选择列表中的某个选项,这个问题仅仅在我们绑定的值是Int类型的时候,才会出现
代码如下所示
<el-form-item label="菜单等级" :label-width="formLabelWidth" required>
<el-select v-model="form.menuLevel" size="small" placeholder="请选择">
<el-option
v-for="item in menuLevelDictList"
:key="item.uid"
:label="item.dictLabel"
:value="(item.dictValue)"
></el-option>
</el-select>
</el-form-item>
这是因为 v-model 绑定的 form.menuLevel没有自动将Integer类型转为String类型,其实解决思路也比较清晰,就是在 :value部分,将原来的string类型,通过 parseInt() 方法转换为int类型即可,代码如下所示:
<el-form-item label="菜单等级" :label-width="formLabelWidth" required>
<el-select v-model="form.menuLevel" size="small" placeholder="请选择">
<el-option
v-for="item in menuLevelDictList"
:key="item.uid"
:label="item.dictLabel"
:value="parseInt(item.dictValue)"
></el-option>
</el-select>
</el-form-item>
我们看最后的效果图,发现能够正常显示了:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。