vue获取dom元素的几种方式

在任意标签上：ref=“xx”
获取dom元素：this.$refs.xx.
如图：

mounted()时才能获取this.$refs.xx

获取dom标签：this.$refs.xx.$el

$parent： 获取当前组件的父组件
$el: 获取当前组件的DOM元素

vm.$nextTick
什么时候用：在Vue渲染DOM到页面后 立即做某件事，用$nextTick
this.$nextTick(function() {·····dosomething
})
Vue会先让代码执行完，然后才会根据最终的值，进行DOM操作。
调用组件方法：
this.$refs.组件名.组件方法();

vue获取dom元素的几种方式相关推荐

通过原生js获取dom元素的九种方式
获取dom元素 <body><!-- <div id="box">我是一个DIV</div><p class="item& ...
Vue获取DOM元素并修改属性
Vue获取DOM元素 Vue获取DOM元素有两种方法直接给相应的元素加id,然后再使用document.getElementById("id");获取使用ref,给相应的元素加 ...
Vue 获取DOM元素，给DOM增加事件的特殊情况
Vue 获取DOM元素 ,给DOM增加事件的特殊情况给标签绑定ref属性使用this.$refs.xxx 获取原生的jsDOM对象 ref属性值不能重名 Vue.component('subCom ...
八.vue获取dom元素
vue获取dom元素方法一:直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式方法二:使用ref,给相应的元 ...
Vue笔记四：Vue获取DOM元素和组件元素的方法
文章目录 Vue获取组件元素 ref获取组件元素 Vue获取组件元素如果想使用哪个DOM元素,就给它加上ref属性,然后用$refs属性获取它的元素对象,示例如下: 全部代码: <!DOCTY ...
vue获取dom元素值
1.通过refs来获取dom元素内容 2.需要利用到jq,但是不支持,学习vue.js,都说需要抛弃jq,否则会禁锢你的思想通过refs方法 ref 被用来给元素或子组件注册引用信息.引用信息将会注 ...
vue操作dom元素的三种方法介绍和分析
相信大家在做项目的时候,肯定会遇到这样的问题:我点击新增按钮,需要弹出个弹框,然后我点击对应的关闭按钮,关闭弹框,但是新增按钮和关闭按钮操作的是另一个元素,所以需要获取dom元素进行操控,那么在vue ...
ref 引用(vue获取DOM元素）
ref 引用 jquery 牛逼简化了程序员操作DOM的过程 vue 优势: MVVM 在 vue 中,程序员不需要操作DOM.只需要把数据维护好!(数据驱动视图) 结论:在 vue 项目,强烈不建 ...
vue获取dom元素注意问题
mounted(){setTimeout(()=>{this.contentToggle();},1000)},methods:{contentToggle(){console.log(this ...

vue获取dom元素的几种方式

vue获取dom元素的几种方式相关推荐

最新文章

热门文章