el-dialog是element-ui框架的一個彈窗組件,本文介紹el-dialog 設置高度,合用于所有利用element-ui框架開辟的前端同窗,具體的利用方式如下。
第一步,為了便利例子申明,我們建立一個利用element-ui為框架的vue項目,不會的請按下面經驗操作。具體如下圖
1怎么引入和設置裝備擺設利用框架
第二步,我們前去element-ui官網查看el-dialog 的利用方式。具體如下圖
第三步,復制步調二的的例子代碼,放入到我們的項目中,放到src-components-HelloWorld.vue文件中。具體如下圖
第四步,在號令行東西,進入到當前項目,然后運行號令【npm run dev】,然后進入默認的當地地址查看結果。具體如下圖
第五步,為了不影響el-dialog組件的美不雅,我們直接在el-dialog組件內部內容區域怎么增添一個css樣式,利用height節制高度。具體如下圖
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!