当前位置: 首页 > news >正文

做网站推广的一般都是什么公司河南关键词排名顾问

做网站推广的一般都是什么公司,河南关键词排名顾问,北京网页制作培训班,网站设计深圳网站建设公司ResizeObserver观察元素宽度的变化 ResizeObserver观察元素宽度的变化 ResizeObserver观察元素宽度的变化 ResizeObserver 构造函数创建一个新的 ResizeObserver 对象,它可以用于监听 Element 内容盒或边框盒或者 SVGElement 边界尺寸的大小。查看详细说明 案例 &l…

ResizeObserver观察元素宽度的变化

  • ResizeObserver观察元素宽度的变化

ResizeObserver观察元素宽度的变化

ResizeObserver 构造函数创建一个新的 ResizeObserver 对象,它可以用于监听 Element 内容盒或边框盒或者 SVGElement 边界尺寸的大小。查看详细说明

案例

<template><div><!-- 点击按钮控制显示隐藏 --><el-button @click="clickMe">clickMe</el-button><div class="container"><!-- 被观察的盒子 --><div class="box" ref="boxRef"></div><!-- 根据isShow控制显示隐藏的内容 --><div class="detail" v-if="isShow">Lorem ipsum dolor sit amet.</div></div></div>
</template><script>
export default {data() {return {isShow: false,resizeObserver: null // 初始化 ResizeObserver 实例};},mounted() {const box = this.$refs.boxRef; // 获取盒子元素的引用// 创建 ResizeObserver 实例this.resizeObserver = new ResizeObserver(entries => {for (let entry of entries) {if (entry.target === box) {console.log('盒子宽度变化为:', entry.contentRect.width);// 在这里做相应的操作,比如更新数据或者执行其他逻辑}}});this.resizeObserver.observe(box); // 开始观察盒子元素的变化},beforeDestroy() {// 在组件销毁前断开 ResizeObserver 的观察if (this.resizeObserver) {this.resizeObserver.disconnect();}},methods: {clickMe() {this.isShow = !this.isShow; // 控制显示隐藏的方法}}
};
</script><style lang="scss">
.container {display: flex;.box {width: 100%;height: 100px;border: 1px solid #000;}.detail {width: 300px;height: 100px;border: 1px solid red;}
}
</style>

结果
在这里插入图片描述

http://www.hrbkazy.com/news/22444.html

相关文章:

  • 做网站需要留什么长沙seo优化推广
  • 电子商务网站怎么做推广广东短视频seo搜索哪家好
  • 山东做网站建设公司排名百度广告投放价格
  • 做 耽美小说下载网站百度热度榜搜索趋势
  • 做哪个网站卖一手房比较好市场调研方法有哪几种
  • 做国外的众筹网站免费开店的电商平台
  • 网站动态海报效果怎么做的整站优化代理
  • 京山网站制作网页制作在线生成
  • wordpress图表模板类北京关键词优化服务
  • 网站做优化得话从哪里优化宝鸡百度seo
  • 秦皇岛哪家公司网站建设好国际新闻直播
  • 阿里云上做网站刚刚发生了一件大事
  • 南京百度seo代理安卓优化大师官方版本下载
  • 定制网站制作系统网址域名ip解析
  • 王爷是什么官职seo外包优化服务商
  • wordpress什么读百度seo排名优化提高流量
  • 站群源码微商营销
  • 迅美网站建设b2b b2c c2c o2o区别
  • 网站建设与维护心得互动营销
  • python做网站设计百度应用平台
  • 帝国网站单页做301seo优化设计
  • 谁可以做网站优化排名推广互联网营销课程体系
  • 做外贸怎样浏览国外网站网站引流推广软件
  • 建设企业网站的长沙网站公司品牌
  • 网站建设的过程有哪些推广资源整合平台
  • 网站仿做营销型网站建设团队
  • 长沙房产集团网站建设google搜索引擎官网
  • 手机app开发网站建设wordpress官网入口
  • pw域名网站搜索引擎营销的概念
  • 网站内外链怎么做数字营销包括哪六种方式