この記事では主に、ElementUI テーブルのヘッダー アイコンにフローティング プロンプトを追加する方法を紹介し、その方法を共有します。詳細は次のとおりです。 <el-テーブル列 ラベル="操作" 固定="右" :render-header="テーブルアクション" 幅="120"> <!--scope は userList、scope.row は現在の行データです --> <テンプレート スロット スコープ="スコープ"> <el-button @click="editCar(scope.row)" type="primary" icon="el-icon-edit" size="small" 円></el-button> <el-button @click="delCar(scope.row.carId)" type="危険" icon="el-icon-delete" 円 size="small"></el-button> </テンプレート> </el-table-column> //テーブル操作プロンプトtableAction() { これを返します。$createElement('HelpHint', { 小道具: { 内容: 「車両を編集/車両を削除」 } }, '操作'); }, インポートを忘れないでください '~/components/HelpHint/HelpHint.vue' から HelpHint をインポートします。 そしてそれをコンポーネントに導入する HelpHint.vue コンポーネントのコンテンツ <テンプレート> <span> <span style="margin-right: 8px"><スロット></スロット></span> <el-tooltip :content="コンテンツ" :placement="配置"> <i class="el-icon-question" style="cursor: ポインター;"></i> </el-tooltip> </span> </テンプレート> <スクリプト> エクスポートデフォルト{ 名前: 'ヘルプヒント', 小道具: { 配置: デフォルト: 'top' }, 内容: 文字列、 }, データ() { 戻る {} }, } </スクリプト> ElementUI テーブルにヘッダー アイコン フローティング プロンプトを追加する方法については、これで終わりです。より関連性の高い Element アイコン フローティング プロンプトについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
問題を見つける今日はTomcatのソースコードを勉強するつもりなので、公式サイトからTomcatのソ...
1.MySQL UPDATE JOIN構文MySQL では、UPDATE ステートメントでJOIN句...
目次序文グローバルロック完全なデータベース論理バックアップFTWRL と set global re...
目次序文1. 効果は図の通りです2. 具体的な実施手順1. Vuexの紹介2.webscoked実装...
1. フレックスレイアウト 。父親 { ディスプレイ: フレックス; コンテンツの中央揃え: 中央;...
LIKE 演算子は、列内の指定されたパターンを検索するため、WHERE 句で使用されます。文法: 列...
JavaScriptでの検索二分木実装は参考までに。具体的な内容は以下のとおりです。バイナリ検索木 ...
どの for ループまたは反復子がニーズに適しているかを知ることで、アプリケーションのパフォーマンス...
1. 広告の 85% は未読です<br />解釈: 成功する広告の 15% にどうやって...
質問: <form...> の下の <input type="hidde...
目次I. 概要2. 従来の多段階イメージ構築3. Buildkitを使用してイメージをビルドする4....
本日、ゲームを再起動した後、バックアップしたデータをターゲットデータベースにインポートできないことが...
これは多くの人が遭遇した問題だと思います。実際、Web ページから FLASH をダウンロードして修...
目次1. 左端接頭辞原則2. 表に戻る3. インデックスプッシュダウン序文:インデックス プッシュダ...
目次序文$属性例: $listeners (公式説明)使用シナリオ要約する序文複数レベルのコンポーネ...