浅谈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的使用方法(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue3.0和vue2.0的区别是什么?

vue $on是什么意思

代码详解vue中key的作用示例

layui是基于vue的吗?

vue-router是什么

如何在vue中使用umy-ui

了解vue中的自定义指令

2021年值得收藏的17个vue 后台管理模板

vue子组件怎么向父组件传值

分享一个vue全局配置的实例代码

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




打赏

取消

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

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

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

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

评论

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