Vue ref属性

Vue中的ref属性可以用来对HTML元素或者是对组件进行唯一标识。

一、设置ref属性

只需要在元素或者是组件后跟上如下语法即可:

ref="标识名"

Vue ref属性_第1张图片 

二、获取元素或对象

我们可以用如下方法获取我们设置ref的元素或组件:

this.$refs.标识名

Vue ref属性_第2张图片 

第一个输出的是标识的HTML元素,第二个输出的是Vue组件。

Vue ref属性_第3张图片

你可能感兴趣的:(Vue,vue.js,前端,开发语言,前端框架,javascript)