HTML:
<div class="main" ref="main" style="width:200px;height:200px;background:green;">
<chatView></chatView>
</div>
CSS:
.main {
resize: both;
overflow: auto;
}
JS:
mounted(){
// (1) 定义被观察的目标对象
let main=this.$refs.main
// （2）定义一个观察者 观察 目标对象的变化
const resizeObserver = new ResizeObserver((entries)=>{
for(let entry of entries){
console.log(entry.contentRect,'===entrys====')
}
})
// （3）观察者观察目标对象
resizeObserver.observe(main);
},
使用例子 实现 ResizeObserver Polyfill left-vue-hooks vue的hooks工具包
ResizeObserver是新的实验中的API，可以通过构造一个 ResizeObserver 对象以观察者模式...
通过构造一个 ResizeObserver 对象以观察者模式监听任意 Element / SvgElement 的...
安装 浏览器支持 不支持 Internet Explorer 8 及其早期版本。 使用示例 限制 实际更改发生后约...
1234546464
vector的使用 list的使用 deque的使用 set的使用 map的使用 multiset的使用 mult...
vector的使用 list的使用 deque的使用 set的使用 map的使用 multiset的使用 mult...
vector的使用 list的使用 deque的使用 set的使用 map的使用 multiset的使用 mult...
vector的使用 list的使用 deque的使用 set的使用 map的使用 multiset的使用 mult...
vector的使用 list的使用 deque的使用 set的使用 map的使用 multiset的使用 mult...
本文标题：ResizeObserver使用
本文链接：https://www.haomeiwen.com/subject/hdbuodtx.html
网友评论