$ref 是 Vue 的一個方法,可以用于給組件或者 DOM 元素添加一個標識,以便在后續的代碼中調用它們。比如,我們可以在某一個組件中添加如下的代碼:
<template>
<div ref="mydiv">這是一個 div 元素</div>
</template>
那么,我們就可以在這個組件的 JavaScript 代碼中使用 $refs.mydiv 這個屬性來訪問這個 div 元素,比如:
<script>
export default {
methods: {
doSomething() {
this.$refs.mydiv.innerText = '已經修改過了';
}
}
}
</script>
上面的代碼中,我們在 doSomething 這個方法中獲取了 this.$refs.mydiv 這個組件的引用,并且修改了它的 innerText 屬性,從而實現了對這個元素的動態修改。
需要注意的是,$refs 只會在組件渲染完成之后才能被訪問,如果你在組件的某個生命周期里嘗試訪問它,那么它的值會是 undefined。另外,$refs 也只會包含最后一個被渲染的匹配 ref 的元素或組件,如果你需要同時訪問多個 ref,可以考慮使用數組來存儲它們的引用。
上一篇python+字符雨
下一篇c json數據類型