关于vue项目中表格所遇到的问题(三)

3.table表格实现根据前一列数据内容渲染不同的后一列。

如图,类型和后一列都是使用的枚举,也就是说后端直接返回的都是01,02这一类的字符串。在渲染之前会先请求后端获取表格内容在获取对应的枚举值。

在该页面中,如果前一列是基本类型,需要显示最大容量或最大需量,如果是电度电价需要显示对应的kv数。也就是说需要根据前一列的值去发送不同的请求。

但是枚举值是唯一的,也就是一个元素只能绑定一个枚举值。所以我没有办法根据前一列的内容发送两个不同的枚举请求。

所以我换了个思路,在返回值中先进行电压等级的枚举请求。因为每个元素只能绑定一个枚举值并且容量需量的枚举值是固定的只有01,02且对应的值不会变,

所以使用了三元表达式代替枚举请求,最后将他们赋值给一个新的属性。在渲染时直接渲染新的属性就可以了。

(枚举请求是直接写在公共方法中的,这里就不给截图了,枚举的返回值是如果绑定的元素是priceType返回值就是priceTypeName)

这里的返回值只有voltageClass这一个值,voltageClassName是请求枚举之后的结果。

猜你喜欢

转载自www.cnblogs.com/9852zl/p/10929134.html