记录一下动态绑定及使用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, {});