element中select根据后台返回的状态显示

今天做一个编辑功能,列表需要展示后台返回的数据, 在select下拉框里面展示。 但是后台返回的是数字类型,前端要做的就是根据数字类型进行转换。

 编辑功能我是写了一个el-dialog,加入一个布尔值来判断展示和隐藏。 当用户点击编辑时,el-dialog框展示,当点击内部按钮确定,弹框隐藏。 编辑的内容我是根据当前行的数据展示在表格中,具体见下图

 主要遇到问题就是后台返回的select框是数字类型,当我使用v-model展示渲染的是数字不是文字

我开始的想法是 在v-model 里面写三元表达式,根据返回值转换相对应的文本,在调用编辑接口的时候再根据文本来转换相应数字,但是这种有问题,编辑不了。

百度了一下,发现是value的格式出现了问题。 我转换成字符串类型就可以了。具体见下图

总结:  主要是根据绑定option时候的value的类型来绑定

当绑定是字符串类型,渲染的时候也必须是字符串类型。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章