el-tooltip
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[Vue]]
&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents
* 在表单里面使用提示 [#x9415652]
** 显示在输入框的右边 [#fafe4412]
#codeprettify{{
<el-form-item label="密码" prop="password">
<el-input v-model="selfForm.password" style="width: 260...
<el-tooltip class="item" effect="dark" content="密码可...
<i class="el-icon-question"/>
</el-tooltip>
</el-form-item>
}}
** 显示在Label的右边 [#u355880d]
#codeprettify{{
<el-form-item prop="password">
<template slot="label">
<span>密码</span>
<el-tooltip class="item" effect="dark" content="密码...
<i class="el-icon-question" />
</el-tooltip>
<span>:</span>
</template>
<el-input v-model="selfForm.password" style="width: 260...
</el-form-item>
}}
* Tips [#j02bccdc]
** 换行表示 [#lb080fcb]
#codeprettify{{
<el-tooltip class="item" effect="dark" placement="top-end">
<div slot="content">
1、xxxx<br/>
2、yyyy
</div>
<i class="el-icon-question" />
</el-tooltip>
}}
#hr();
コメント：
#comment_kcaptcha
終了行:
[[Vue]]
&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents
* 在表单里面使用提示 [#x9415652]
** 显示在输入框的右边 [#fafe4412]
#codeprettify{{
<el-form-item label="密码" prop="password">
<el-input v-model="selfForm.password" style="width: 260...
<el-tooltip class="item" effect="dark" content="密码可...
<i class="el-icon-question"/>
</el-tooltip>
</el-form-item>
}}
** 显示在Label的右边 [#u355880d]
#codeprettify{{
<el-form-item prop="password">
<template slot="label">
<span>密码</span>
<el-tooltip class="item" effect="dark" content="密码...
<i class="el-icon-question" />
</el-tooltip>
<span>:</span>
</template>
<el-input v-model="selfForm.password" style="width: 260...
</el-form-item>
}}
* Tips [#j02bccdc]
** 换行表示 [#lb080fcb]
#codeprettify{{
<el-tooltip class="item" effect="dark" placement="top-end">
<div slot="content">
1、xxxx<br/>
2、yyyy
</div>
<i class="el-icon-question" />
</el-tooltip>
}}
#hr();
コメント：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
