简单的使用ref

最新推荐文章于 2024-07-09 21:32:57 发布

edisonMamba

最新推荐文章于 2024-07-09 21:32:57 发布

阅读量145

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/edc666/article/details/104670061

版权

vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

今天使用一个插件 better-scroll 。但是文档里使用方法如下：

import BScroll from 'better-scroll'
const wrapper = document.querySelector('.wrapper')
const scroll = new BScroll(wrapper)

可以看到需要获取这个dom元素，然后还要去使用它。那么问题来了，什么玩意儿可以做到呢？ REF！！！！

//获取这个DOM元素
<div class="list" ref="wrapper">
//然后在script中使用
<script>
import BScroll from "better-scroll"
export default {
    name:"CityList",
    mounted(){
        this.scroll=new BScroll(this.$refs.wrapper)
    }
}
</script>