如何在Vue2.0的mounted钩子函数里获取指定dom对象?

我使用原生js的document.getElementById()和Vue的ref属性均获取不到指定dom对象

使用原生js的html代码:

js代码:

页面显示

使用Vue2.0的ref属性

html代码:

js代码:

页面显示
不知道问题出在哪里,请各位大神帮帮忙!

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
何兰豆本豆 2017-10-31 03:35
关注
同问同问，求解决办法，=_=

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

Vue里面如何获取dom元素？ javascript 有问必答
2021-06-24 08:33

回答 4 已采纳第一种方法也就是原生JS方法，毕竟前端框架八九不离JS
Vue 的生命周期 钩子函数 是异步的吗？ vue.js
2022-08-23 18:01

回答 2 已采纳 钩子函数不是异步，每个钩子函数都有它执行的顺序，例如vue2中有 created钩子，它是在vue实例化之后运行的，mounted是在dom挂载后运行的，在两个函数中同时输出一个log，不管你的mou
Vue2.0 通过forin无法获取到vue的属性值 javascript vue.js
2023-03-09 18:25

回答 2 已采纳 “Devil组”引证GPT后的撰写：要访问对象的属性，可以使用方括号语法，像这样：this.userInfo[item]。这将使用变量 item 的值来访问 userInfo 对象中的属性。所以您
mounted钩子函数_怎样实现Vue中mounted钩子函数获取节点高度
2020-12-30 10:52

Ronald XIE的博客这次给大家带来怎样实现Vue中mounted钩子函数获取节点高度，实现Vue中mounted钩子函数获取节点高度的注意事项有哪些，下面就是实战案例，一起来看一下。遇到的问题最近在开发一个Vue的项目，好几个页面都有用到一个 ...
为什么我这个函数在created钩子里调用是正常的,在mounted钩子里就不行? javascript vue.js 有问必答
2021-04-22 17:59

回答 7 已采纳首先，你的options是一个数组，我们知道，对于数组想要实现数据双向绑定直接更改里面的内容是不行的。所以你那个filterOptions1方法本质上是错误的。至于为什么在created里有用，而
vue2.0 切换成 vue 3.0 的写法请教! vue.js
2021-10-30 13:52

回答 2 已采纳哈喽，我之前有回答过的哦，注意，不要用ctx，用proxy，线上才不会报错。 const { proxy } = getCurrentInstance()
Vue3获取dom高度不准确 javascript vue.js 前端框架
2022-06-27 16:06

回答 3 已采纳图片加载吧，每个图片同样的也是请求，没加载出来之前可能高度就是alt或者无高度，再有因为是异步的你的Mounted和nextTick到了抓取时机所以就抓到高度不准确 img 有个 @load事件
vue2.0的生命周期和钩子函数深度解析
2019-04-18 08:48

半度℃温热的博客一、理清Vue的生命周期和钩子函数
VUE3，如何在外部修改data里面的对象？ javascript vue.js
2023-01-21 10:30

回答 2 已采纳效果图代码如下，如果你修改的是data，直接把data传过去即可，因为对象是纯在一个拷贝问题的，所以可以直接把data传过去。 // 在外部修改data const mTest = (data) =&
vue多标签页面发get请求用哪个钩子函数自动调用? vue.js 前端前端框架
2023-02-04 23:40

回答 1 已采纳在Vue中，你可以使用activated钩子函数来实现多标签页面get请求的自动调用。activated钩子函数会在每次切换标签的时候被调用，因此可以在其中调用get请求，实现数据的刷新。
vue2.0网络请求一直在访问localhost:3000怎么解决？ vue.js 前端
2021-11-22 17:15

回答 1 已采纳这是ajax ......
vue2.0生命周期钩子函数
2022-10-11 16:57

一只小林的博客 vue2.0生命周期钩子函数
Vue 获取 table表格中某个 td DOM 的实际列号（A,BC.)，请教 vue.js 前端有问必答
2022-06-18 00:17

回答 5 已采纳获取某个单元格未合并原始行列下标可以用下面函数（JS），ts的话题主转下对应的dom对象类，测试正常 <table border="1"> <tr><td id
Vue 2.0生命周期钩子函数大全
2023-07-12 23:25

姚先森TO365天的博客 Vue 2.0提供了详细的生命周期钩子函数、父子组件生命周期的区别、指令的生命周期以及路由的钩子函数，使我们能够更好地控制组件、指令和页面的行为。除了上述常用的生命周期钩子函数外，Vue 2.0还提供了一些高级的...
vue在created钩子函数的数据在mounted钩子获取不到？
2021-12-10 16:58

簡一的博客 vue在created钩子函数请求异步数据，在mounted钩子获取不到的问题 data() { return { bannerList: [], }; }, methods:{ getSwiperList() { // 获取列表 getMlistAPI().then( (res) => { this....
没有解决我的问题, 去提问

悬赏问题

¥20 关于#硬件工程#的问题，请各位专家解答！
¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
¥30 截图中的mathematics程序转换成matlab
¥15 动力学代码报错，维度不匹配
¥15 Power query添加列问题
¥50 Kubernetes&Fission&Eleasticsearch
¥15 報錯：Person is not mapped，如何解決？
¥15 c++头文件不能识别CDialog
¥15 Excel发现不可读取的内容

如何在Vue2.0的mounted钩子函数里获取指定dom对象?

2条回答 默认 最新

悬赏问题

2条回答默认最新