vue初始化获取不到ref问题

描述：因为我在我的代码结构是这样的<div ref = "dom"><div v-for="(item,index)in list" :key="index><div :ref="'dom' + index"></div></div></div>在跟元素和根元素底下的元素都加上ref但是mouted内只能获取到根元素，并且我还

小菜鸡咯咯叫

3093人浏览 · 2022-05-12 16:36:35

小菜鸡咯咯叫 · 2022-05-12 16:36:35 发布

描述：因为我在我的代码结构是这样的

<div ref = "dom">
  <div v-for="(item,index)in list" :key="index>
    <div :ref="'dom' + index"></div>
  </div>

</div>

在跟元素和根元素底下的元素都加上ref但是mouted内只能获取到根元素，并且我还加了this.$nexttick 仍然获取不到，然后我打印了一下数据，发现ref的打印先出来，数据的打印后出来，所以是数据还没请求到，这个dom还没被加载

所以我将ref打印放在了数据接口请求成功后的位置，并且在外面加了一层this.$nexttick，就出现除了根元素之外的ref了

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}$/, //不连续的两位字母// /^