この記事: Ele.me UI/要素 Popconfirm バブル確認ボックスの確認/キャンセル イベント
Ele.meの公式サイトには次のように書かれています。
属性
パラメータ | 例証する | タイプ | オプション値 | デフォルト |
---|---|---|---|---|
タイトル | タイトル | 弦 | — | — |
確認ボタンのテキスト | ボタンのテキストを確認する | 弦 | — | — |
キャンセルボタンのテキスト | キャンセルボタンのテキスト | 弦 | — | — |
確認ボタン式 | ボタンの種類を確認する | 弦 | — | 主要な |
キャンセルボタン式 | キャンセルボタンの種類 | 弦 | — | 文章 |
アイコン | アイコン | 弦 | — | アイコンの質問 |
アイコンの色 | アイコンの色 | 弦 | — | #f90 |
非表示のアイコン | アイコンを非表示にするかどうか | ブール値 | — | 間違い |
¶スロット_
パラメータ | 例証する |
---|---|
参照 | Popconfirm の表示をトリガーする HTML 要素 |
メソッド イベント
イベント名 | 例証する | コールバック パラメータ |
---|---|---|
確認 | 確認ボタンがクリックされたときにトリガーされます | — |
キャンセル | キャンセルボタンがクリックされたときに発生 | — |
使い方がわからない、使えない、という方も多いのではないでしょうか。
それほどナンセンスではありません: 上記のコード:
メソッドは @onConfirm="successconfirm()"
@onCancel="successcancel()"である必要があります
これなしではメソッドを使用できません。
<!-- 通过弹框 -->
<el-popconfirm
confirm-button-text="确认"
cancel-button-text="取消"
@onConfirm="successconfirm()"
@onCancel="successcancel()"
icon="el-icon-info"
icon-color="red"
title="您确定通过吗?"
>
<el-button
slot="reference"
type="success"
>通过</el-button
>
</el-popconfirm>
<!-- 通过弹框 -->
Fengshangyun プログラマー ナビゲーション ステーション: