vue $refs的基本用法

作者: xukuangbo_ | 来源:发表于2019-05-23 10:28 被阅读0次

[vue] $refs的基本用法
vue $refs的基本用法
VUE中$refs的基本用法
vue中$refs的基本用法
this.$refs 用于 vue 获取 dom元素
Vue中ref/$refs的基本用法
Vue $refs用法
2019-03-05 vue $refs的基本用法
vue里ref ($refs)用法
Vue - ref和$refs用法

示例代码如下：

<div id = "app">
        <input type="test" ref="inputTemp"/>
        <button @click="add">加入</button>
</div>
<script>
new Vue(  {

        el: "#app",
        methods:{
        add:function(){
                this.$refs.inputTemp.value = "33"
                //this.$refs.inputTemp 减少取dom节点的消耗
                   }
        }
})
</script>

一般都是，获取dom节点，再取inputRemp元素，但是绑定ref之后，直接取值。

[vue] $refs的基本用法
一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，...
vue $refs的基本用法
示例代码如下：一般都是，获取dom节点，再取inputRemp元素，但是绑定ref之后，直接取值。
VUE中$refs的基本用法
摘自：https://blog.csdn.net/wh710107079/article/details/8824...
vue中$refs的基本用法
1、ref 加在普通的元素上，用this.$refs.（ref的值）获取到的是dom元素 2、ref 加在子组件...
this.$refs 用于 vue 获取 dom元素
vue $refs 基本用法：返回一个对象，包括注册过【ref 特性】的所有dom元素和组件实例。 ...
Vue中ref/$refs的基本用法
ref 有三种用法： 1、ref加在普通的元素上，用this.$refs.（ref值）获取到的是dom元素 2、...
Vue $refs用法
$refs获取dom元素今天我们主要说一下几点1、vue 获取普通元素（基础）2、vue 获取列表（基础）一、v...
2019-03-05 vue $refs的基本用法
添加 new Vue({ el: "#app", methods:{ add:function(){ ...
vue里ref ($refs)用法
ref 有三种用法：ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注...
Vue - ref和$refs用法