Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. 其他>
  3. 动态修改宽度

动态修改宽度

  • Post author:xfxia
  • Post published:2023年9月7日
  • Post category:其他


1、获取类名,取到宽度

created() {
    this.$nextTick(()=>{
      this.shortcut = document.getElementsByClassName("mainCont")[0].offsetWidth + 
      document.getElementsByClassName("mainCont")[0].offsetLeft;
    })
}

2、在data里定义

data() {
    return {
      shortcut:'',
   }
}

3、添加动态样式绑定

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



版权声明:本文为x_nweBorder01k原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/x_nweBorder01k/article/details/122689510

你可能也喜欢

根据时间戳判断是星期几

指令系统指令系统

//输入十个数,找出最大值以及下标

<cctype>库的使用

在MyEclipse2017中修改Maven本地默认仓库位置

rockchip rk3368(px5)车载开发之路4,使能GPS模块UC6226(1.驱动层)

dubbo报错Forbid consumer xxxx access service xxx from registryxxx

html基础笔记与html5代码展示

基于STM32与3264点阵屏的多功能万年历

AtCoder 神题汇总

spring boot 集成 Guava Cache

PyQt5笔记-尺寸策略

【备忘】Arthas热更新代码

VIM输入特殊字符

Git Rebase / Merge Conflict 解决

Mac vscode 配置latex

Leetcode ->64 最小路径和

Mybatis Plus 公共字段自动填充功能

信息系统项目管理师(2022年)—— 重点内容:知识产权与标准规范(22)

我来学网络——网络协议三要素

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单