文章目录
问题描述
<template><el-dialogclass="myDialog"v-model="show"title="弹窗"custom-class="customDialog"><div>弹窗内容</div></el-dialog></template><script>// 省略。。。。</script><stylelang="less"scoped>/* 此次设置弹窗高度并不生效 */.customDialog> .el-dialog__body{height: 85vh;}</style>
解决方法
- 去除
scoped标识
<template><el-dialogclass="myDialog"v-model="show"title="弹窗"custom-class="customDialog"><div>弹窗内容</div></el-dialog></template><script>// 省略。。。。</script><stylelang="less"scoped>/* 此次设置弹窗高度并不生效 */.customDialog> .el-dialog__body{height: 85vh;}</style><stylelang="less">/* 正常生效 */.customDialog> .el-dialog__body{height: 85vh;}</style>
本文转载自: https://blog.csdn.net/qq_45677671/article/details/133646804
版权归原作者 一颗不甘坠落的流星 所有， 如有侵权，请联系我们删除。
版权归原作者 一颗不甘坠落的流星 所有， 如有侵权，请联系我们删除。