使用element ui的el-image标签时,页面渲染之后点击图片时会自动添加
body{
overflow: hidden;
}
以至于导致浏览器下拉框不能使用,度娘一下没有找到相关解决方案,所以只能在el-image标签上加个点击事件清除body的所有样式
参考代码:
<el-image :src="pic" style="width: 200px; height: 300px;" fit="scale-down" @click="viweImg">
</el-image>
viweImg(){
document.body.style = ""; //原生js清除body样式
}