最新公告
  • 欢迎您光临AA分享网,一个高级程序员的学习、分享的分享平台!立即加入我们
  • vue.js怎么找dom元素

    本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

    vue.js找dom元素的方法:

    标签中添加ref属性,相当于id

    在Vue中通过 $refs.ref的属性名 获取或者设置dom元素

    <div id="demo">
            <button @click="fn">点击这里</button>
        <div ref="box" style="width:200px;height:300px">西南交大</div>
        </div>
        <script src="./node_modules/vue/dist/vue.js"></script>
        <script>
            new Vue({
                el: "#demo",
                data: {
                   
                },
                methods: {
                    fn:function(){
                        console.log(this.$refs.box);
                        console.log(this.$refs.box.innerText);
                        console.log(this.$refs.box.style.width);
                        this.$refs.box.style.backgroundColor="red"
                    }
                }
            })
        </script>

    以上就是vue.js怎么找dom元素的详细内容,更多请关注其它相关文章!

    AA分享网一个高级程序员的学习、分享的IT资源分享平台
    AA分享网-企业网站源码-PHP源码-网站模板-视频教程-IT技术教程 » vue.js怎么找dom元素
    • 257会员总数(位)
    • 5897资源总数(个)
    • 8本周发布(个)
    • 0 今日发布(个)
    • 540稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情