この記事では主に、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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
1. ネットワークの最適化YSlowには23のルールがあります。これら数十のルールは、主に、不要な...
多くの場合、サーバーでスクリプトを定期的に実行して操作をトリガーする必要があります。たとえば、Qin...
CSS を記述するときに、デザインに存在する重要なケースを忘れてしまうことがあります。たとえば、コン...
Flash ファイル形式: .FLV および .SWFフラッシュ ビデオ形式には、.flv と .s...
1. MySQL jdbc ドライバー (mysql-connector-java-5.1.28.j...
1. Oracle は大規模データベースですが、MySQL は小規模から中規模のデータベースです。O...
目次シーン設定ゲームリソース砲塔の回転動的に生成された弾丸衝突計算効果を高めるターゲットの動き弾薬庫...
大規模な Web サイトでは、多数の同時アクセスを処理するために、Web サイト上の分散負荷分散以上...
事故の背景: 数日前、プロジェクトの必要性により、サーバーに python-mysql モジュールを...
マウスをある領域の上に置くと、その領域に点線の境界線と線のアニメーションが表示されるというクールな効...
1. setUp関数の最初のパラメータpropsセットアップ(プロパティ、コンテキスト){}最初のパ...
目次プロトタイプを理解するプロトタイプオブジェクトを理解するインスタンスプロパティとプロトタイププロ...
ページング クエリを使用するアプリケーションでは、LIMIT と OFFSET を含むクエリが非常に...
Tencent QQのホームページがリニューアルされ、Webフロントエンド開発がますます注目を集めて...
目次1. イベントの委任イベントバブリングイベントキャプチャイベントの泡立ちの昇華考える2. 深いコ...