vue+elementUi实现将数字转化为 对应的字符串内容

vue+elementUi实现将数字转化为 对应的字符串内容

文章目录

​​1、实现的效果​​​​2、template​​​​3、方法中的数据​​​​4、实际运用​​

1、实现的效果

数据库状态字段

vue前端效果

2、template

prop是你的数据库的字段名称

3、方法中的数据

主要代码：

this.tableData.map(function (val) { if(val.status === 0){ val.status = '待取车' }else if(val.status === 1){ val.status = '超时' }else if(val.status === 2){ val.status = '完成' }else if(val.status === 3){ val.status = '待还车' } })

4、实际运用

showAllUsers(currentPage, pageSize) { //异步请求显示所有数据 currentPage = currentPage ? currentPage : this.now; pageSize = pageSize ? pageSize : this.size; axios.get("调用后端的接口" + currentPage + "/" + pageSize).then(res => { console.log(res) this.tableData = res.data.data.result.orders; this.tableData.map(function (val) { if(val.status === 0){ val.status = '待取车' }else if(val.status === 1){ val.status = '超时' }else if(val.status === 2){ val.status = '完成' }else if(val.status === 3){ val.status = '待还车' } }) this.total = res.data.data.result.totals; }); }

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。