vue-easytable プラグインは条件付きで列を表示します

Vue コンポーネント内のテーブルを表示するために vue-easytable プラグイン バージョン 2.8.2 を使用しています。テーブルの列を条件付きで表示する方法を見つけるのに苦労しています。ここに示すデモでは、Row Radio または Row Checkbox スイッチをオンにすると、列がデモ テーブルに動的に追加されることがわかります。したがって、この機能/機能は vue-easytable にすでに存在しているはずだと思いますが、ドキュメントを参照してもこれを実装する方法が見つかりません。私の Vue コンポーネントでは、vue-easytable に渡す列配列は次のとおりです...

P粉066224086 2024-03-27 17:51:33 0  1  466

VUE で条件付きクラス バインディングを実装する方法

Vue を使用して条件を作成し、Doom にロードされたテキストの変更に基づいてクラスを追加することはできますか? <span> yellow</span><span>red</span><span>grey</span> という色の名前のリストがあります。名前のテキストが黄色であるかどうかなどの条件を設定したいです。クラスを追加したいです。 color_ yellow」など。

P粉099985373 2024-03-29 19:17:07 0  1  403

Vue JS: v-on:keyup.enter 内の条件付きロジック

ユーザーが Enter キーを押したときに条件付きで「activate」メソッドを呼び出すにはどうすればよいですか?次のものが機能することを期待していましたが、そうではありません: <inputtype="text"v-model="code"v-on:keyup.enter="code.match(/^\d{6}$/) ? activate:null">methods:{activate(){...},

P粉394812277 2024-03-26 17:41:08 0  1  537

Vueで条件付きレンダリングを行う方法

私はタスクを作成し、それらをリストに入れて効率的に追跡するために使用できるアプリを開発しています。リストとリスト内のタスクを作成しました。リスト内のリストに属するすべてのタスクをレンダリングしようとしています。ただし、これ用の vue コードを作成すると、問題が発生します。そのリストにのみ属するタスクをレンダリングする代わりに、コードはデータベース内のすべてのタスクを生成します。特定のリストに属するタスクのみをレンダリングする正しい方法を見つけるのを誰かが手伝ってくれますか? DashboardView.vue<テンプレート><divcla

P粉702946921 2024-04-01 19:36:54 0  1  556

v-bind:style ディレクティブが条件比較では機能しない

次のような条件に基づいて vue の要素にクラスをバインドできます: :class="i18n.global.locale=='ar'?'class1':'class2'" しかし、同じものを使用してスタイルをバインドしようとすると、以下に示すように、条件: :style="[i18n.global.locale=='ar'?{'background':'blue;'}:{'background':'red'}]"s

P粉321676640 2024-03-31 17:56:41 0  1  498

Vue 3 のプロビジョニング/インジェクションのパフォーマンスはどの程度ですか?

私が取り組んでいるプロジェクトは、グローバルな状態管理のためにアプリケーション レベルのプロバイダーに依存しています。最初は提供されるオブジェクトは小さいですが、プロジェクトが成長するにつれて大きくなります。データが必要な場所にこのオブジェクトを挿入すると、アプリケーションのパフォーマンスにどの程度の影響がありますか? Pinia のようなグローバル状態管理ツールを実装しない場合、提供する大きなオブジェクトを個別のオブジェクトに分割して、必要な場所にデータの「チャンク」を提供する価値はあるでしょうか?

P粉946336138 2023-08-26 09:46:02 0  1  640

子要素の可視性を維持しながら背景画像の不透明度を変更する

子要素の不透明度に影響を与えずに背景画像の不透明度を設定することはできますか?サンプル フッター内のすべてのリンクにはカスタム箇条書き (背景画像) が必要で、カスタム箇条書きの不透明度は 50% である必要があります。 HTML<divid="footer"><ul><li><ahref="#">リンク 1</a></li><li><ah

P粉354602955 2023-10-10 19:40:19 0  1  734

javascript - vue-resourceを再カプセル化する方法

vue-resource を {code...} のように js ファイルに再度カプセル化してから、それを別の場所で直接呼び出してください ({code...} など)。

淡淡烟草味 2017-07-05 10:58:37 0  2  1153

javascript - vueで条件が満たされた場合にのみイベントをバインドする方法

{コード...} たとえば、このコード行に isRightPhoneNumber のような変数があるとします。isRightPhoneNumber が true の場合にのみ、上記のボタンのイベントを有効にしたいとします。私が考えた 1 つの方法は、getVerifyCode 関数に判定を追加することです。

高洛峰 2017-05-16 13:36:29 0  1  716

Vue - 高度なクロッパー (Uncaught TypeError: this.$refs.cropper.getResult は関数ではありません)

次のような VueAdvancedCropper のクロップ関数があります: Crop(){const{canvas}=this.$refs.cropper.getResult();if(canvas){constform=newFormData();canvas.toBlob(blob=> {form .append('files[]',blob);//おそらくセットを追加する必要があります

P粉054616867 2023-12-14 15:01:09 0  2  652

vue.js - nginx は、IE ブラウザが 10 未満かどうかを判断します。 http_user_agent はページ プロンプトに書き換えます。

会社は Vue を使用しています。Vue は IE9 未満のブラウザをサポートしていないので、バージョンが 10 未満であるかどうかを nginx に判断させたいのですが、別のページに書き換えます。しかし、いつも成功しません。 .. テストを容易にするために、条件を ie {code...} に変更しました。プロジェクトのルート ディレクトリに... があります。

淡淡烟草味 2017-05-16 17:07:35 0  2  1386

Vue 3 構成 API - すべての条件が満たされるまでフォーム送信ボタンを無効にする

すべての入力フィールドが入力され、エラーがなくなるまで、フォーム送信ボタンを無効にしたいと考えています。 <button:disabled="disabled"type="submit"value="Submit">提案</button>letdisabled=ref(true);leterror=ref(false);nextTick(()=&gt

P粉360266095 2023-11-13 09:41:53 0  3  1197

「npm install -g @vue/cli」と入力すると、npm に警告とエラーが表示されます

npminstall -g@vue/cli と入力すると、変更された 851 個のパッケージ、2m64 個のパッケージ内の監査済み 852 個のパッケージが資金提供を求めており、すべての問題 (重大な変更を含む) に対処するために 4 つの脆弱性 (2 つは中度、2 つは高度) を実行し、npmauditfix --force を実行します。

P粉242535777 2024-03-19 21:33:12 0  2  613

Vue の小道具に基づいて条件付きでレンダリングされたテキストを表示する別の方法は?

ユーザーのメンバーシップステータスに基づいてテキストをレンダリングするコンポーネントがあり、そのプロパティ値に基づいて補間テキストを変更したいと考えています。 v-if または v-show を使用して一連の div/p タグ以外のプロパティに基づいてさまざまなテキストを表示するより効率的な方法はありますか?大量のテキストを含むスタックされた div が常に存在します。ご提案をお待ちしております。乾杯！ <scriptlang="ts"setup>import{PropType}from'vue'constprops=

P粉021854777 2024-03-27 22:23:56 0  2  520

JavaScript - vue のループ v-for は、一度に 2 つの項目をどのようにループしますか?

現在はこのように実装していますが、いつも何かが間違っているように感じます {code...}

给我你的怀抱 2017-05-16 13:20:30 0  8  888

ユーザーのアカウント登録条件に基づいてコンポーネントを表示するにはどうすればよいですか? Firebase | Vue

私は Vue と firebase の初心者で、アカウント認証を取得しています。ユーザーがログインしているときにのみコンテンツを表示したいと考えています。そうでない場合は、ログインコンポーネントを表示してほしいです。彼らがアカウントを持っていない場合は、登録コンポーネントを表示したいと思います。次のことを試しましたが成功しませんでした。提案していただければ幸いです。 <divv-if="isLogin"><Message/></div><divv-else-if="auth.user

P粉216807924 2024-03-28 11:53:55 0  1  574

Tailwindcss の使用時にブラウザが自動的に更新されない

クラスを追加するたびに、変更を確認するには、nuxt の実行を停止し、VSCode ウィンドウをリロードして、「npmrundev」を再度実行する必要があります。次に、tailwind.config.js の変更を確認できます: /**@type{import('tailwindcss').Config}*/module.exports={content:['./components/**/*. { js,vue,ts}','./layouts/**/*

P粉009828788 2023-08-26 17:18:32 0  1  628

Vue での条件付きレンダリング: Firestore フィールド値が特定の文字列値と一致する場合にのみ表示します

Firestore データベース フィールド (「review」コレクションの reviewPrivacy フィールド) は文字列型で、Vue フォーム入力 (ラジオ ボタン) によって入力され、3 つの可能な回答 (値) の 1 つが keepFullyPrivate になります。 review.reviewPrivacy の値が keepFullyPrivate の場合、<h2>レビュー担当者の ID が非公開である</h2>ことを示したいと思います。これが機能したら、v-if-elseを追加します

P粉007288593 2023-08-28 18:48:23 0  2  584

nginxが一定期間内に特定のIPにリダイレクトするようにする方法

nginx が一定期間内に特定の IP にリダイレクトするようにするにはどうすればよいですか? {code...} というフィルタリング ルールを書きました。ここで問題があります。つまり、相手が条件を満たしていればリダイレクトしますが、その後数十秒程度 数秒後に再度アクセスすると、このリダイレクトは機能しなくなります。相手が初めて発動させたい…。

漂亮男人 2017-05-16 17:20:44 0  1  567

node.js - vuejs プロジェクトをサーバーにデプロイするにはどうすればよいですか?

vue-cli で構築した環境 http://localhost:8080/comment... には問題なくアクセスできるのですが、今度は http://bxu2348550081.my3w.com... から同じデータにアクセスしたいと考えています。パッケージ化とコンパイルの前に設定されますか? それともサーバー設定で設定されますか?

滿天的星座 2017-06-10 09:49:21 0  3  1044