【el-dialog 设置高度】el-dialog是element-ui框架的一个弹窗组件 ， 本文介绍el-dialog 设置高度 ， 合用于所有利用element-ui框架开辟的前端同窗 ， 具体的利用方式如下 。
需要这些哦
element-ui框架
方式/
1第一步 ， 为了便利例子申明 ， 我们建立一个利用element-ui为框架的vue项目 ， 不会的请按下面经验操作 。 具体如下图
1vue怎么引入和设置装备摆设利用element-ui框架
文章插图
2第二步 ， 我们前去element-ui官网查看el-dialog 的利用方式 。 具体如下图
文章插图
3第三步 ， 复制
二的的例子代码 ， 放入到我们的项目中 ， 放到src-components-HelloWorld.vue文件中 。 具体如下图
文章插图
4第四步 ， 在号令行东西 ， 进入到当前项目 ， 然后运行号令【npm run dev】 ， 然后进入默认的当地地址查看结果 。 具体如下图
文章插图
5第五步 ， 为了不影响el-dialog组件的美不雅 ， 我们直接在el-dialog组件内部内容区域怎么增添一个css样式 ， 利用height节制高度 。 具体如下图
文章插图
文章插图
注重事项若是对你有帮忙 ， 请鄙人面投个票或者点个赞
以上内容就是el-dialog 设置高度的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 淘宝最新版店铺/商品优惠券在哪里设置
- 如何给苹果手机设置 来电姓名 的播报
- 如何设置让精美图片做艺术字的背景
- 电脑怎么设置锁屏，如何给电脑上锁
- 苹果手机如何设置才能看到QQ好友撤回的信息？
- wps表格序号如何设置成自动调整
- 如何设置电脑使用电池到20%就切换节能省电模式
- 怎样设置微信漂流瓶头像
- 酷狗音乐如何设置"锁屏歌词"显示
- 酷狗音乐如何设置"桌面歌词"