Vue的ref和$refs使用和介绍

最新推荐文章于 2023-11-22 23:30:09 发布

宰相肚里能撑船

最新推荐文章于 2023-11-22 23:30:09 发布

阅读量197

点赞数

分类专栏： vue 文章标签： ref $refs

本文链接：https://blog.csdn.net/weixin_44756695/article/details/97640443

版权

我们再开发中一般需要去获取的Dom节点都会用document.querySelector（".input1"）这个方式，但是我们用Vue框架后基本不用这个方式了，那我们该怎么去获取dom节点呢？
Vue给我提供了’ref和$refs的方法来获取，我们来先看看基本代码结构：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ref</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
    <div id="app">
        <div ref="num1">
        //ref先声明类名
            <input type="text" ref="input1">
           
            <button @click="add">添加</button>
            
        </div>
    </div>
</body>
</html>
<scri

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

宰相肚里能撑船

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue的ref和$refs使用和介绍

我们再开发中一般需要去获取的Dom节点都会用document.querySelector（".input1"）这个方式，但是我们用Vue框架后基本不用这个方式了，那我们该怎么去获取dom节点呢？Vue给我提供了’ref和$refs的方法来获取，我们来先看看基本代码结构：<head> <meta charset="UTF-8"> <meta name...
复制链接

扫一扫