欢迎访问 生活随笔!

凯发ag旗舰厅登录网址下载

当前位置: 凯发ag旗舰厅登录网址下载 > 前端技术 > vue >内容正文

vue

vue——全局element-凯发ag旗舰厅登录网址下载

发布时间:2024/10/5 vue 32 豆豆
凯发ag旗舰厅登录网址下载 收集整理的这篇文章主要介绍了 vue——全局element-resize-detector监听dom元素 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

第一步:通过npm install element-resize-detector获取elementresizedetectormaker

npm install element-resize-detector

第二步:将依赖引入import elementresizedetectormaker from ‘element-resize-detector’

import elementresizedetectormaker from "element-resize-detector" vue.prototype.$erd = elementresizedetectormaker()

第三步:使用

this.$erd.listento(document.getelementbyid("chinamapchart"), (element)=>{this.resize()})

如果不使用lambda表达式作为监听器,会出现不能获取data和methods的情况,具体原因参考javascript高级教程

凯发ag旗舰厅登录网址下载的解决方案:

let that = this; this.$erd.listento(document.getelementbyid("bar"), function (element) {that.$nexttick(function () {//使echarts尺寸重置that.myecharts.resize();}) })//监听元素变化

vue 监听某个容器大小变化(饼状图适应容器大小变化)

 

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的vue——全局element-resize-detector监听dom元素的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错,欢迎将凯发ag旗舰厅登录网址下载推荐给好友。

网站地图