求当前元素的宽度（父元素的宽度 - 兄弟元素的宽度）

麦林斯khoo

已于 2022-06-30 09:23:36 修改

阅读量793

点赞数

分类专栏：前端 CSS 样式文章标签：前端 html css

于 2022-06-30 09:21:04 首次发布

本文链接：https://blog.csdn.net/Khoo5323/article/details/125533675

版权

前端同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

CSS

2 篇文章 0 订阅

订阅专栏

样式

1 篇文章 0 订阅

订阅专栏

当前元素宽度无法得知，可求父元素和兄弟元素

html

<div id="div-comlist-name" ref="div_comlist_name" >
    <div style="width:90px">兄弟元素</div>
    <div :style="{ 'max-width':complist_name_width}" >当前元素</div>
</div>

 data() {
    return {
      complist_name_width: '190px',
    }


 methods: {
   getWidthDivComlistName() {
      // console.log(this.$refs.div_comlist_name);
      let divWidth = this.$refs.div_comlist_name[0]
      // console.log(divWidth.clientWidth);
      if (divWidth.clientWidth && divWidth.clientWidth > 0) {
        this.complist_name_width = (divWidth.clientWidth - 90) + 'px'
      } else {
        this.complist_name_width = '190px'
      }
    },
 }


}