浅谈vue.js中$refs的使用方法(附代码)


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<-- 添加ref属性 -->

<div id="app">

    <input type="text" ref="input1"/>

    <button @click="add">添加</button>

</div>

 

// 获取注册过 ref 的所有组件或元素

<script>

    new Vue({

        el: "#app",

        methods:{

        add:function(){

            this.$refs.input1.value ="22"; //this.$refs.input1  减少获取dom节点的消耗

            }

        }

    })

</script>

更多编程相关知识,请访问:编程教学!!

以上就是浅谈vue.js中$refs的使用方法(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue架构是什么

详解vue中动态添加类名的方法

vuex使用场景是什么

vue开发必须要搭脚手架么?

关于vue使用验证器: veevalidate3

vue bootstrap区别

vue-loader是什么?

vue中如何分离css

一个实例入门vue计算属性、方法、侦听器

vue 的 render 方法中 h 是什么?

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...