この記事では主に、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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
この記事では、例を使用して MySQL コマンドライン スクリプトの実行について説明します。ご参考ま...
1. 前提条件インポートには require.context メソッドを使用します。vite で作成...
この記事では、Linux のユーザーおよびグループのコマンドについて例を挙げて説明します。ご参考まで...
考えてみてください。なぜcss 、 javascriptのようにbodyタグの末尾ではなく、 hea...
目次1. 自己列挙可能なプロパティ2. Object.values()はプロパティ値を返します3. ...
で+ 時間 17:23に at> touch /mnt/file{1..9} ##アクションを...
この記事の例では、カスタムスクロールバーを実装するためのjsの具体的なコードを参考までに共有していま...
この記事では、適切な形式を使用して IP アドレス データをデータベースに保存し、IP アドレスを簡...
ElementUIページングコンポーネントPagination in Vueの使用は参考になります。...
序文多くの学生は既に再帰に精通していると思います。アルゴリズムの問題を解決するために再帰がよく使...
方法 1: Google の詳細検索を使用します。たとえば、次に示すように.asp?id=9などの ...
操作前に必ずお読みください:注意:管理に rancher を使用する場合は、k8s クラスターが構築...
JavaScriptの服装アルバム切り替え効果(Taobao商品画像切り替えに似ています)、参考ま...
Web フロントエンド開発のプロセスでは、UI デザイナーはグラデーション テキストを使用したデザイ...
目次1. 遅いところはどこですか? 2. 不要なデータをクエリしましたか? 1. 不要なレコードをク...