Vue $refs的基本用法
来源:互联网 发布:编程三大结构 编辑:程序博客网 时间:2024/06/05 06:34
<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中常用知识点基本用法
- 一位资深程序员大牛给予Java初学者的学习路线建议
- Hash表的查找成功与失败
- Direct2D图像显示不全的问题
- java return 用法
- PHP时间函数
- Vue $refs的基本用法
- Linux使用jstat命令查看jvm的GC情况
- Anaconda在开始菜单找不到Anaconda command prompt入口
- 前端基础知识
- 静态方法提示插件--laravel-ide-helper
- PLSQL连接数据库出现中文乱码问题
- dell笔记本安装win7.ios
- 2017-8-2
- 工控界面设计美化篇(干货)