el-tooltip の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +Vue+el-tooltip へ行く。
• +Vue+el-tooltip の差分を削除

#author("2022-05-21T13:44:04+08:00","default:Admin","Admin")
#author("2022-09-05T13:53:29+08:00","default:Admin","Admin")
[[Vue]]

&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents

* 在表单里面使用提示 [#x9415652]

** 显示在输入框的右边 [#fafe4412]

#codeprettify{{
<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的右边 [#u355880d]

#codeprettify{{
<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>
}}

* 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