vue中wangeditor如何自适应高度

wangEditor3使用手册： >

在进行聊天界面开发的时候，发现安卓手机键盘会把界面顶起，但是不会收回来，在网上找到了这个方法解决

之前我是在mounted中根据documentactiveElementtagName的值判断是否为INPUT去改变键盘d起的高度

但是在下方加了一个按钮之后，发现点击语音按钮后再切换到输入框，

documentactiveElementtagName的值变成BODY了，查找资料发现

所以此方法在点击语音后再也调用不起来，困扰了一天的问题，记录一下

第一步打开vue vlog，进去我的界面之后，点击拍摄图标,第二步进去拍摄界面之后，点击剪辑,第三步导入视频之后，点击画幅,第四步点击画幅之后，可以设置视频尺寸,第五步这里设置视频尺寸为4:3，根据需要设置

项目中出现echarts适应屏幕大小，有时会遇到不管屏幕大小如何变化echarts图表大小不变的情况；或者出现图表变化延迟的情况，针对这两种情况，分别解决

1、echarts大小无法随屏幕大小自适应

在setOption下面加入resize()方法

echartssetOption({

//配置内容

},true);

echartsresize();

1

2

3

4

1

2

3

4

有时这样会出现一个问题 ，随屏幕大小变化，大屏和小屏是无法监听到图表变化的，所以需要监听屏幕浏览器大小

windowaddEventListener('resize', () => { //监听浏览器大小去改变图表尺寸

echartsresize();

})

1

2

3

1

2

3

OK， 这样又会出现一个问题，这个监听是在mounted中触发，这时还没有获取到屏幕的大小，echarts的 resize()方法已经执行了，就会出现第一次点击屏幕变化图表没有变化，接下来点击的时候会反方向变化图表尺寸：屏幕变小图表变大，屏幕变大图表变小；解决思路：加延迟

以上就是关于vue中wangeditor如何自适应高度全部的内容，包括:vue中wangeditor如何自适应高度、vue-scroll的高度设置、vue解决安卓手机软键盘d出,页面高度被顶起等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！