Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.1k views
in Technique[技术] by (71.8m points)

vue3+element plus 走马灯高度自适应问题

### 问题描述
在vue3 上使用element plus的走马灯制作首页轮播图;因为element plus的走马灯是定高的,所以在小屏设备上走马灯的比例会很奇怪。走马灯的盒子默认是overflow hidden的,图片的显示也很奇怪。

### 问题出现的环境背景及自己尝试过哪些方法
我试过让图片的width:100%;height:auto,这样做图片的高度和比例是正确的,但是走马灯的盒子高度并未改变。
在vue2上可以使用js去获取窗口的宽度,然后去计算盒子的高度。但是在VUE3上并不可行。因为不熟悉vue3上 ts的写法,我的代码并没能实现这个功能。

### 相关代码
粘贴代码文本(请勿用截图)

### 你期待的结果是什么?实际看到的错误信息又是什么?
求大神指点,感激不尽。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...