vue 钩子函数中获取不到DOM节点
2024-10-20 11:41:31
原文链接:https://jingyan.baidu.com/article/f96699bbfe9c9d894f3c1b4b.html
两种解决方案:
1:官方解决方案:
受到 HTML 本身的一些限制,变通的方案是使用特殊的 is 特性
应当注意,如果使用来自以下来源之一的字符串模板,则没有这些限制:
eg1:用<script type="text/x-template">
将
<comp></comp>
改为
<script type="text/x-template" id="comp">
<div>XXXXX</div>
</script>
(博主试过不符合本博主的情况)
eg2:用JavaScript 内联模板字符串
比如:ES6引入了一种新型的字符串字面量语法,反撇号(`)
eg3:用XXX.vue 组件
博主不是在线环境,不符合博主
eg4:用is (博主试过还是不行啊)
将<comp></comp>
改为<div is='comp'></div>
2:暂时的不好的但也可以解决的....方案:
created: function() {
setTimeout(function() {
var body = document.getElementById('ID');
console.log(body);
})
},
- 2
原因解析:
当使用 DOM 作为模板时 (例如,使用 el 选项来把 Vue 实例挂载到一个已有内容的元素上),你会受到 HTML 本身的一些限制,因为 Vue 只有在浏览器解析、规范化模板之后才能获取其内容。
最新文章
- myeclipse学习总结一(在MyEclipse中设置生成jsp页面时默认编码为utf-8编码)
- [Leetcode] Number of Digit Ones
- Centos5下安装监控工具nmon
- SQL SERVER 2008 如何查询含有某关键词的表
- 关于codereview工具与建议
- [杂]DeadLock, Isolation Level, EntityFramework
- Android布局_表格布局TableLayout
- Fix: Compile project encounter undefined reference to&ldquo;xxx&rdquo;error
- java--关键字和保留字
- android 70 使用ListView把数据显示至屏幕
- Qt 学习之路 :坐标系统
- Webbrowser代理支持
- Linux相关
- css3中强大的filter(滤镜)属性
- Spring中的循环依赖
- rabbitmq.config配置参数详解
- C - Boss Gym - 101473C (模拟)
- 《Multi-Agent Actor-Critic for Mixed Cooperative-Competitive Environments》论文解读
- PHP调用Linux的命令行执行文件压缩命令&;&;创建文件夹修改权限
- rtmp发送H264及aac的音视频