el-dialog
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[Vue]]
&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents
* Tips [#a44d8cb6]
** vue dialog里面再加dialog 导致页面被遮挡 [#m883708e]
在里面一个el-dialog 加上 append-to-body
#codeprettify{{
<el-dialog append-to-body></el-dialog>
}}
** 使用插槽修改标题 [#cbf83955]
#codeprettify{{
<el-dialog
title="提示"
:visible.sync="dialogVisible"
center>
<span>需要注意的是内容是默认不居中的</span>
//此处插槽会替换标题栏的内容
<span slot="title" class="el-dialog__title">
<span>这是标题</span>
<span>这是一段信息</span>
</span>
}}
#hr();
コメント：
#comment_kcaptcha
終了行:
[[Vue]]
&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents
* Tips [#a44d8cb6]
** vue dialog里面再加dialog 导致页面被遮挡 [#m883708e]
在里面一个el-dialog 加上 append-to-body
#codeprettify{{
<el-dialog append-to-body></el-dialog>
}}
** 使用插槽修改标题 [#cbf83955]
#codeprettify{{
<el-dialog
title="提示"
:visible.sync="dialogVisible"
center>
<span>需要注意的是内容是默认不居中的</span>
//此处插槽会替换标题栏的内容
<span slot="title" class="el-dialog__title">
<span>这是标题</span>
<span>这是一段信息</span>
</span>
}}
#hr();
コメント：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
