vue动态设置元素宽度

引入

import elementResizeDetectorMaker from 'element-resize-detector'

写在html上

:style="{width: operatewidth + 'px'}"

计算

mounted() {
    const _this = this
    const erd = elementResizeDetectorMaker()
    // enterpriseinfo-container 父级id
    if (document.getElementById('enterpriseinfo-container')) {
      erd.listenTo(document.getElementById('enterpriseinfo-container'), element => {
        _this.$nextTick(() => {
          this.operatewidth = document.getElementById('enterpriseinfo-container').clientWidth
          // 监听到事件后执行的业务逻辑
        })
      })
    }
  },