Vue -- 动态渲染的数据在页面获取不到DOM元素

问题：通过后台接口获取的数据，在页面中正常显示，但获取不到DOM元素（可以console出，但获取不到子元素）解决办法如下在获取页面元素的外层套上this.$nextTickthis.$nextTick(function(){var imgs = this.$refs.imgs;console.log(...

weixin_33892359

3541人浏览 · 2018-08-10 07:31:10

weixin_33892359 · 2018-08-10 07:31:10 发布

问题：通过后台接口获取的数据，在页面中正常显示，但获取不到DOM元素（可以`console`出，但获取不到子元素）

this.$nextTick之前

解决办法如下

在获取页面元素的外层套上this.$nextTick

this.$nextTick(function(){
      var imgs = this.$refs.imgs;
      console.log("imgs",imgs);
      console.log("imgs[0]",imgs[0]);
})

this.$nextTick之后

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^