$nextTick() 获取的DOM类数组取值有问题（已解决）

小鱼儿 2022-03-28 13:16 327阅读 1赞

mounted() {
        this.$nextTick(this.init);
      },
      methods: {
        init() {  
          let imgDomList = document.getElementsByTagName('img');
          Array.prototype.slice.call(imgDomList,0).forEach((img, index) => {
            ......................
            })
          })
        }
      }

问题出现了：打印imgDomList的值没问题，但是imgDomList.length 为0，imgDomList\[0\]为undefined，实际上是有值的，当然转为数组也是空数组\[\]。  
最后不得已用了setTimeout(this.init, 1000)

是因为this.$nextTick(this.init);放错地方了，正确代码如下：

mounted() {
        this.docEntry = this.$route.query.docEntry;
        this.classify = this.$route.query.classify;
        let formdata = new FormData();
        formdata.append("action", "ReceiveDetail");
        formdata.append("docEntry", this.docEntry);
        formdata.append("classify", this.classify);
        formdata.append("userCode", localStorage.getItem("UserCode"));
        this.$store
          .dispatch("receiveDetail", formdata)
          .then(res => {
            this.htmls = res[0].U_ContentHtml;
            this.title = res[0].U_Title;
            this.$nextTick(this.init)    //必须放在then里
          })
          .catch(err => this.$toast(err, "error"));
        // setTimeout(this.init, 1000);
        // this.$nextTick(this.init);  //之前放在这里是错误的
      },

发表评论取消回复

表情：

评论列表（有 0 条评论，327人围观）

还没有评论，来说两句吧...

相关阅读

相关 react Invalid DOM property `for` (已解决)

这个错误是我在使用react中jsx语法，写html标签的时候遇到的解决办法根绝console控制台的提示信息将

分手后的思念是犯贱/ 2023年06月30日 14:55/ 0 赞/ 18 阅读

相关 Vue 的 DOM 更新策略和 nextTick() 的使用

一、Vue 的 DOM 更新策略 Vue 的响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。那么 DOM 更新的策略是什么样的呢？

深碍√TFBOYSˉ_/ 2023年01月16日 11:09/ 0 赞/ 128 阅读

相关 python数组取值的一些问题

今天看MDNet中看见，samples\[:, 2:\] \= self.aspect \\ ratio不是很明白samples\[:, 2:\]是如何取值的。写了几个pyth

曾经终败给现在/ 2022年11月11日 13:03/ 0 赞/ 210 阅读

相关简单的了解下 Vue nextTick 获取更新后 DOM 的原理

![2505d40fdef2525707fe5853ccaba83e.png][] Vue nexTick 使用过Vue的小伙伴们都知道，Vue里的nextTick可以

古城微笑少年丶/ 2022年08月31日 07:27/ 0 赞/ 156 阅读

相关 ES6 数组取值

const arr =[{ id:'1', name:'a' },{ id:'2', name:'b' }

怼烎@/ 2022年05月11日 09:14/ 0 赞/ 183 阅读

相关数组取值vs对象取值

对象外面是花括号\{ \}，数组外面是方括号\[ \] 。对象取值，是对象名.下标数组取值，是数组名\[下标\] 下面是例子： ![201811

忘是亡心i/ 2022年04月16日 01:21/ 0 赞/ 291 阅读

相关 $nextTick() 获取的DOM类数组取值有问题（已解决）

mounted() { this.$nextTick(this.init); }, methods: { ini

小鱼儿/ 2022年03月28日 13:16/ 1 赞/ 328 阅读

相关反射实体类的赋值/取值问题

前段时间遇到个很郁闷的情况，2个实体类里面的属性字段都差不多。唯一不同的就是一个类比另一个类多几个字段 ![ContractedBlock.gif][] ![Expanded

￡神魔★判官ぃ/ 2021年12月12日 11:25/ 0 赞/ 330 阅读

相关 java.lang.ArrayStoreException 已解决 byte[]数组拷贝问题

> 博客来源： > > 需要调用系统System.arraycopy，的方法，在调用的过程中出现错误我的程序如下： public static void m

柔情只为你懂/ 2021年09月21日 16:20/ 0 赞/ 286 阅读

相关解决vue的{ob: observer}取值问题

vue编码中经常出现获取到的数据是：\{\_\_ob\_\_: Observer\} 格式的，详细如下 ![2019111415292982.png][] 可能

ゝ一纸荒年。/ 2021年07月26日 22:17/ 0 赞/ 1340 阅读