解决dom无法拿到数据的问题
2024-06-27 本文已影响0人
小白白呐
有个需求,需要转换dom里边的数字为英文,但是需要根据从接口拿到的数据进行转换,也就是fiflters里边的case是从接口里边拿到的,因为渲染dom的时候,还没拿到created里边接口的数据,导致过滤的时候一直找不到值。我也不知道为啥
一开始是这样写的,用图1中2这种方式,结合图2,就发现拿不到this.deviceList,因为this.deviceList是在created里边请求接口去拿的(图三),感觉是因为生命周期的问题,所以就舍弃这种方式了,虽然图2那种方式写的好像不对,应该把case push进去??,反正也不用了 也没深究;
第二次想的办法是,在methods里边写(图4),然后用图1中的1这种方式去解决,最后还是不行,也是拿不到this.deviceList,感觉也是生命周期的问题,最后采用了第三种方式,第三种方式我详细写下,在下边
图1 图2 图三 图4第三种方式:
同样是在created里边去拿,只是用redues把数组对象转换为对象key:vale的形式了,这个需要记住哈,还挺好用的