Vue 获取DOM元素，给DOM增加事件的特殊情况

给标签绑定ref属性使用this.$refs.xxx 获取原生的jsDOM对象
ref属性值不能重名

 Vue.component('subCom',{template:`<div class="subCom"></div>`})var App = {template:`<div class="app"><button ref="btn">按钮1</button><subCom ref="abc"/></div>`,created() {console.log(this.$refs.btn);},mounted() {console.log(this.$refs.btn);// 如果给组件绑定ref属性，那么this.$refs.xxx获取的是当前的组件对象 console.log(this.$refs.abc);},};new Vue({el:"#app",data() {return {}},components:{App},template:`<App></App>`})

$nextTick()
在DOM更新循环结束之后执行回调函数，在修改数据之后使用此方法
在回调中获取到更新后的DOM

 var App = {data() {return {isShow:false,}},template:`<div class="app"><input type="text" v-show="isShow" ref="input"></div>`,mounted() {this.isShow = true;this.$nextTick(()=>{// 数据更新之后表单获取焦点this.$refs.input.focus();})},};new Vue({el:"#app",components:{App},template:`<App/>`})

Vue 获取DOM元素，给DOM增加事件的特殊情况相关推荐

vue 获取子元素的dom
<div class="heard" ref="sentence"><tit01 :tit='tit'/> </div>me ...
[react] 组件卸载前，加在DOM元素的监听事件和定时器要不要手动清除？为什么？
[react] 组件卸载前,加在DOM元素的监听事件和定时器要不要手动清除?为什么? 定时器要在 componentWillUnmount 手动清除,直接绑定在JSX里的事件监听器不用,使用ref绑定 ...
vue 获取当前元素的父元素_vue获取dom元素内容
通过ref来获取dom元素在vue官网上对ref的解释 ref 被用来给元素或子组件注册引用信息.引用信息将会注册在父组件的 $refs 对象上.如果在普通的 DOM 元素上使用,引用指向的就是 D ...
web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型
web api: API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力 ...
vue 获取id元素,vue.js怎么获取dom元素？
vue.js怎么获取dom元素?下面本篇文章给大家介绍一下vue.js获取dom元素的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用Vue.js获取dom元素标签中添加 ...
vue 获取id元素_.vue组件中获取DOM元素问题
一.问题引入原项目把一块内容直接写在了模块中(浏览器显示的一整个页面),现在想把它提成一个单独组件,而且把其中使用document.getElementById('id')改为ref获取元素的形式. ...
dom元素滚动条高度 js_DOM 事件与事件委托
点击事件 <div class = 爷爷><div class = 爸爸><div class = 儿子>文字</div></div> &l ...
日常开发记录-vue获取dom元素，触发点击事件
HTML元素: 如果元素是一个原生的HTML元素,通过绑定ref="selector" 通过this.$refs['selector'].click() 触发组件: 如果元素是一 ...
vue 获取当前元素的父元素_react获取触发元素的属性 e.target.dataset
我的react项目中一个应用场景就是在点击一个元素的时候想要获取到这个元素的属性. 代码如下: renderyear=()=>{return(<div><div data-va ...

Vue 获取DOM元素，给DOM增加事件的特殊情况

Vue 获取DOM元素，给DOM增加事件的特殊情况

Vue 获取DOM元素，给DOM增加事件的特殊情况相关推荐

最新文章

热门文章

Vue 获取DOM元素 ，给DOM增加事件的特殊情况

Vue 获取DOM元素 ，给DOM增加事件的特殊情况

Vue 获取DOM元素 ，给DOM增加事件的特殊情况相关推荐

最新文章

热门文章

Vue 获取DOM元素，给DOM增加事件的特殊情况

Vue 获取DOM元素，给DOM增加事件的特殊情况

Vue 获取DOM元素，给DOM增加事件的特殊情况相关推荐