使用Vue+elementUI开发前端页面,打开对话框时页面出现抖动的问题

在这里插入图片描述
**

打开对话框时页面出现抖动是因为页面的右侧出现滑块,打开对话框的时候滑块消失造成抖动。

**

<style scope>
/* 防止打开对话框时页面的抖动 */
body{
  padding-right: 0px !important;
  overflow: hidden;
}
</style>
如果按照上述的设置不会起到作用,因为"<style scope>"中将css样式设定为局部的。所以需要将"scope"去掉。
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue.js 是一个流行的 JavaScript 框架,它是一款轻量级、高性能的渐进式框架,适用于构建单页面应用程序和更大规模的应用程序。ElementUI 是一款基于 Vue.js 的组件库,提供了丰富的 UI 组件和交互式构建工具,能够帮助开发人员快速构建美观、易于使用前端页面。 在使用 Vue.js 和 ElementUI 实现前端页面,可以通过以下几个方面进行可行性分析: 1. 技术选型分析:Vue.js 和 ElementUI 是成熟的前端框架和组件库,它们具有丰富的功能和良好的文档支持,易于学习和使用。因此,从技术角度来看,使用 Vue.js 和 ElementUI 实现前端页面是可行的。 2. 项目需求分析:在确定使用 Vue.js 和 ElementUI 实现前端页面之前,需要对项目需求进行分析和评估,确定是否需要使用这些框架和组件库。如果项目需要构建大型的单页面应用程序或需要使用复杂的 UI 组件,那么使用 Vue.js 和 ElementUI 可以提高开发效率和用户体验。 3. 团队技能评估:如果团队中已经熟练掌握了 Vue.js 和 ElementUI使用,那么使用这些框架和组件库实现前端页面的可行性更高。如果团队中没有相关技能,需要考虑学习和培训的成本。 4. 性能评估:在使用 Vue.js 和 ElementUI 实现前端页面,需要对性能进行评估,确保页面响应速度和用户体验。可以使用各种工具和技术来优化性能,如使用懒加载、减少 HTTP 请求等。 综上所述,使用 Vue.js 和 ElementUI 实现前端页面是可行的,但需要进行技术选型分析、项目需求分析、团队技能评估和性能评估等方面的考虑。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值