如何解决vue $refs报错问题-木庄网络博客

2022-03-22 00:46:52 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

vue $refs报错的解决办法：1、打开相应的代码文件，然后加上“this.$nextTick();”；2、在mounted()钩子函数中调用即可。

本教程操作环境：windows7系统、vue2.5.17版，DELL G3电脑。

【相关文章推荐：vue.js】

项目开发中遇到，cannot read property ‘style’ of undefined的问题。我是怎么解决的，不多说，直接贴代码。

created() {
  this.getAddBG();
},
methods: {
  getAddBG() {
    let config = {
      service: "200017",
      h5Type: "activity"
    };
    this.$http.featchH5Post(config).then(res => {
      let list = res.data.data.advertiseList;
      list.forEach(item => {
        this.$refs[
          item.name
        ].style.backgroundImage = `url(${item.defaultPicture})`;
      });
    });
  }
}