Vue动态绑定ref

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

情景

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

实现

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

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

获取ref并滚动到指定位置

引入weex的dom 模块

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

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

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