有个需求，需要转换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的形式了，这个需要记住哈，还挺好用的
在vue中修改数据不会导致DOM立即更新，因此修改数据后无法拿到最新的DOM，从而无法进行相应的DOM操作。这时就...
一、虚拟DOM： 就是对象 就是数据 核心思想：提升性能的核心思想解决的问题：数据的对比操作比dom操作快 二、d...
遇到的问题： 想拿到在v-for里渲染的dom节点的宽度 解决代码： 注意问题： 1、$refs.ref在v-fo...
出现这个错误的原因其实是Vue在拿到数据之前渲染了dom 比如 这种，当请求不到数据时就会报这种错误 那么，解决方...
React 虚拟Dom，虚拟Dom就是一个 Js 对象 拿到state数据 constructor() 取Jsx模...
props 无法传递ref 为了拿到子组件的dom结构而使用
原因：DOM未渲染完成。 问题：数据默认值不显示，初始化失败。 解决方式：添加 this.$nextTick(()...
问题描述：pycharm运行后无法通过view as array查阅数据，无法弹出数据 解决方案： 设置SciVi...
1 .拿到模板 2.拿到数据 3.将数据放入模板中 一般都是使用递归，在真正的 Vue 源码中是 DOM -> 字...
场景：获取接口数据，更新dom问题：数据更新了，dom未渲染代码： 原因：vue的dom更新是异步的，即当sett...
本文标题：解决dom无法拿到数据的问题
本文链接：https://www.haomeiwen.com/subject/uwlecjtx.html
网友评论