美文网首页
简单的使用ref

简单的使用ref

作者: edisonTechBlog | 来源:发表于2020-02-27 17:03 被阅读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>

相关文章

  • 简单的使用ref

    今天使用一个插件 better-scroll 。但是文档里使用方法如下: 可以看到需要获取这个dom元素,然后还要...

  • ref的使用

    ref关键字使参数按引用传递 其效果是,当控制权传递回调用方法时,在方法中对参数所做的任何更改都将反映在该变量中。...

  • ref的使用

    子组件改变父组件的值是遇到的问题 组件中的参数放在那里? 我们应该在父组件中 定义一个方法 然后我们在子组件中第一...

  • ref的使用

    ref在react中可以获取一个DOM节点,这点和vue很类似,但是用法不同,下面上例子: 我们在写一个input...

  • ref 的使用

    在React的开发模式中,通常情况下不需要、也不建议直接操作DOM原生,但是某些特殊的情况,确实需要获取到DOM进...

  • ref使用

    使用: 获取元素:

  • React学习笔记(三)

    React中的 ref 的使用 ref是一个引用,在React中使用ref来直接获取DOM元素从而操作DOM Re...

  • vue - ref

    vue - ref 说明 ref 是英文单词 reference,代表引用. 在 vue 中, ref 的使用分四...

  • 安装gsl

    ref:GSL 在 Ubuntu 下的安装和使用 | Lancezhange ref2:官方doc文档 ref3:...

  • react自定义组件中使用ref

    一、自定义组件使用ref并且透传子组件ref 自定义组件中使用ref需要用到react的2个hooks:1.for...

网友评论

      本文标题:简单的使用ref

      本文链接:https://www.haomeiwen.com/subject/ycdxhhtx.html