Vue动态绑定ref


记录一下动态绑定及使用ref的方法

情景

需要在使用weex的<list>组件时,需要实现一个滚动到具体某一个<cell>的功能

实现

在for循环标签上动态绑定ref

<div v-for="(item, index) in list" :key="index" :ref="`item${index}`"></div>

获取ref并滚动到指定位置

引入weex的dom 模块

const dom = weex.requireModule('dom');

动态获取ref,并使用scrollToElement滚动到指定元素

const el = this.$refs[`message${length-1}`][0];
dom.scrollToElement(el, {});

文章作者: 大熊
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 大熊 !
  目录