vue的实例属性$refs

Posted on 2019-05-13 15:35  猫头唔食鱼  阅读(748)  评论(0编辑  收藏  举报

$refs 用于获取指定的dom元素。

首先在标签中定义ref="xxx"

通过this.$refs.xxx获取到该dom元素

注意:在created阶段,是不能获取到$ref绑定的元素的。

    <p ref="test">p标签</p>
    <button @click="certain()">确定</button>
  methods: {
    certain() {
        //$refs不能用在created中
        this.$refs.test.style.color = "green"
    }
  }