+Vue+el-tooltip のバックアップ(No.2)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
+Vue+el-tooltip へ行く。
- 1 (2022-05-21 (土) 13:24:40)
- 2 (2022-05-21 (土) 14:44:04)

※前提条件：本文基于 Vue 2.0 创作

在表单里面使用提示
- 显示在输入框的右边
- 显示在Label的右边

在表单里面使用提示 †[edit]

显示在输入框的右边 †[edit]

<el-form-item label="密码" prop="password">
  <el-input v-model="selfForm.password" style="width: 260px" />
  <el-tooltip class="item" effect="dark" content="密码可以不填。" placement="top-end">
    <i class="el-icon-question"/>
  </el-tooltip>
</el-form-item>

↑

显示在Label的右边 †[edit]

<el-form-item prop="password">
  <template slot="label">
    <span>密码</span>
    <el-tooltip class="item" effect="dark" content="密码可以不填。" placement="top-end">
      <i class="el-icon-question" />
    </el-tooltip>
    <span>:</span>
  </template>
  <el-input v-model="selfForm.password" style="width: 260px" />
</el-form-item>

コメント：