vue $refs的基本用法
来源:互联网 发布:网络安全保卫支队 编辑:程序博客网 时间:2024/06/06 06:56
<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div>
<script>new Vue({ el: "#app", methods:{ add:function(){ this.$refs.input1.value ="22"; //this.$refs.input1 减少获取dom节点的消耗 } }})</script>
一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。
但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。
然后在javascript里面这样调用:this.$refs.input1 这样就可以减少获取dom节点的消耗了
阅读全文
0 0
- Vue $refs的基本用法
- Vue $refs的基本用法
- vue $refs的基本用法
- vue $refs的基本用法
- vue-ref-$refs用法
- vue中refs具体用法
- Vue的基本用法
- vue组件($children,$refs,$parent)的使用
- vue组件($children,$refs,$parent)的使用
- Vue之ref与refs的使用
- vue基本使用--refs获取组件或元素
- Vue.js之$refs
- Vue基本用法
- vue 过滤器基本用法
- Vue $emit $refs子父组件间方法的调用
- Vue的基本使用
- vue的基本使用
- vue中常用知识点基本用法
- Linux下安装与使用本地的perl模块
- GET请求中URL的最大长度限制总结
- CentOS 7 安装Nginx 并配置自动启动
- svn版本库的拆分及迁移子目录等
- 多态
- vue $refs的基本用法
- 使用.添加属性和使用setattribute的区别
- 求一副扑克牌的顺子,大小王记为0,可以充当任意数字
- display:inline-block带来的问题及解决办法
- 循环读取文件夹下的文件
- backBone 入门
- elasticsearch的snapshot备份
- unity进行文字图像识别——Face++
- leetcode 224. Basic Calculator 字符串表达式计算