获取DOM
2024-09-18 09:48:14
<template>
<div>
<header-vue :msg="msg" ref="header">heheh</header-vue>
<body-vue></body-vue>
<footer-vue></footer-vue>
<div ref="div">{{msg}}</div>
</div>
</template>
<script>
export default{
data(){
return{
msg:"这是一个aaa"
}
},
methods:{
},created(){//数据装载之前获取DOM
//获取不到DOM
},
mounted(){//数据装载完成获取DOM
console.log(this.$refs.div.innerHTML);//获取原生DOM
console.log(this.$refs.header.$el.innerHTML);//获取组件DOM
}
}
</script>
<style>
</style>
最新文章
- 海康威视,大华,宇视 的视频监控iOS Demo
- Safari 前端开发调试 iOS 完美解决方案
- 分析一个C语言程序生成的汇编代码-《Linux内核分析》Week1作业
- 用Unitils测试BaseDao遇到的问题总结
- centos 7.0防火墙导致vagrant端口映射失败
- UVA11387 - The 3-Regular Graph(推理)
- 4部门明确软件IC产业企业所得税优惠政策
- 我对Stub和Mock的理解
- 主存与Cache的地址映射
- jsoncpp动态解析节点类型
- 直接调用VS.net2005中的配置界面
- 我们是80后 golang入坑系统
- python_如何通过实例方法名字调用方法?
- scrapy_简介页面和详情页面
- 【Python使用】使用pip安装卸载Python包(含离线安装Python包)未完成???
- python之用unittest实现接口参数化示例
- CORS在Spring中的实现
- 【python小练】0020
- 第二章 JavaScript案例(中)
- 8.翻译:EF基础系列----EF中实体的状态