浅谈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-cli-service不是内部或外部命令怎么解决

vue怎么插入图片

vue使用import()提示语法错误怎么办

egg和vue的区别是什么?

.js文件中怎么引用vue

vue中muse-ui是什么

如何解决vue $index报错问题

vue项目全局使用axios的方法介绍

vue.js组件化是什么意思

4个很 nice 的vue router过渡动效,快来收藏!

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




打赏

取消

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

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

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

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

评论

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