el-input如何根据后台返回的状态码显示对应的文字？

Question

编辑表单时后台返回的是状态码，怎样让状态码对应文字显示在输入框中

页面是这样的，后台数据是

0表示自动发放，1表示手动发放，想让输入框显示自动发放应该怎么写

试过用v-model直接做表达式判断，但是显示报错

v-model内不能有中文字符 不能有回车换行字符等原因导致的

就想问还有什么办法可以实现我想要的效果？？

Answer 1

如果是固定的两个可选值，可以用 el-select 或者 el-radio 来处理。
如果是非固定的多个可选值，建议用 el-select 来处理，通过后端返回的 key，然后查询后端的接口再一起回填进去就行。

Answer 2

v-model只能绑定变量，可以转换结果赋值给新的变量

感觉使用 el-select 会更好一点

Answer 3

可以用下插槽，或者用{{formData.vacationAuto===0?'自动':'手动'}}

Answer 4

若是你刚开发，可以学习一下ruoyi。
有字典管理工具，然后前端都是通过接口获取字典然后回显成对应的字典名称
http://vue.ruoyi.vip/