vue element 弹框打开滚条回到顶部

最新推荐文章于 2023-11-28 15:48:22 发布

Khun_HWJ

最新推荐文章于 2023-11-28 15:48:22 发布

阅读量1k

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/khun_hwj/article/details/129137971

版权

这篇文章展示了如何配置一个Vue.js的el-dialog组件，包括设置其可见性同步属性`infoDialog`，禁用点击模态关闭和Esc键关闭，调整顶部间距和宽度，以及应用自定义样式。同时，通过`$nextTick`方法确保在DOM更新后将弹窗内容的滚动位置重置为顶部。

摘要由CSDN通过智能技术生成

 <el-dialog :visible.sync="infoDialog"
        :close-on-click-modal="false"
        :close-on-press-escape="false"
        top="2vh"
        width="720px"
        class="infoDialog-box">
	<div slot="title"
	    class="dialogTitle">
	 弹窗自定title
	</div>
	<div ref="infoDialogContent"
	    class="infoDialog-content">
	</div>
</el-dialog>

methods:
this.$nextTick(() => {
    this.$refs.infoDialogContent.scrollTop = 0
})