Vue-Chartjs を使用して折れ線グラフを動的に効率的に更新するにはどうすればよいですか?

onMount が何らかの更新をシミュレートするチャートを更新する、この機能するコードがあります。しかし、配列を完全に分割し、OnMounted フックで新しい値を使用して再構築するのは、あまり効率的ではないように思えますか? data_values と label_values にリアクティブ コンポーネントを使用しようとしましたが、更新が開始されると最大コール スタック超過エラーが発生します。そこで私の質問は、以下のコードよりもチャートを更新するより良い方法はあるのかということです。 <テンプレート><Line:data="chartData"

P粉460377540 2024-01-29 13:35:31 0  1  571

Vueアプリケーション。認証をスキップして特定のコンポーネントを表示するにはどうすればよいですか?

私はvueとlaravelアプリケーションを使用しています。ユーザーがログインせずにコンポーネントを表示する必要があります。現在、コンポーネント (セキュリティ指示付き) を表示するには、ユーザーはログインする必要があります。ただし、コンポーネントは外部から必要になるため、特定のページを表示するためにログインする必要はありません。 vuelaravel アプリケーションでこれを実現するにはどうすればよいですか?

P粉658954914 2024-03-27 13:12:42 0  1  527

php - SQL を使用して、フォーラムの各セクションの最新の 6 件の投稿をクエリします

フォーラムセクションテーブル: フォーラム投稿テーブル: レンダリング:

ringa_lee 2017-06-29 10:08:50 0  5  1006

vue-chartjs と Pinia を使用して保存されたリアクティブ データ

私は、Pinia を使用してデータを保存し、vue-chartjs を組み合わせてリアクティブ チャートを作成するのが苦手です。この例をガイドとして使用していますが、ストアの変化にグラフを反応させるのに苦労しています。リアクティブ フォームを使用して別のコンポーネントで Pinia ストア データを変更しました。ストア データが変化しているのが確認できますが、グラフが更新されません。次のコンポーネントを使用してグラフをレンダリングしています: <scriptsetup>import{storeToRefs}from'pinia'import{useStore}fro

P粉946437474 2023-08-31 00:26:42 0  1  534

javascript - スワイプの左右切り替え矢印をクリックすると、スワイプ ソース コードの slideNext 関数内で現在の vue インスタンスにアクセスします。

現在の要件は、vue を使用してタブ バーとスワイプを備えたカルーセル コンポーネントを作成することです。カルーセル画像の左右のヘッドをクリックすると、スワイプの slideNext 関数で現在のページのページ番号を取得し、そのページ番号を vue インスタンスに渡してカルーセル画像の同期効果を実現したいと考えています。そしてタブバー！しかし、今ではさまざまな...

漂亮男人 2017-06-26 10:58:16 0  1  770

vue.js を使用して ApexChart のオプションからメソッドを呼び出す方法

私は vue と apex チャートを初めて使用します。基本的に必要なのは、apex チャートのオプションからメソッドを呼び出すことです。私が抱えている問題を示すファイルを作成しました: https://jsfiddle.net/wr3uo5va/ が必要ですchartOptions.dataLabels からメソッドを呼び出すには、currencyValuedataLabels:{enabled:true,offsetX:-25,formatter:function(val){returnval) メソッドを呼び出します。

P粉373596828 2024-03-27 16:35:38 0  2  396

特定の人（ID）の要素を合計する方法 - laravel

こんにちは。特定の人 (ID) のテーブル列を合計するにはどうすればよいですか。たとえば、次のようなテーブルがあります (これはテーブル ProjectHistory テーブルです)。 colabs ビューで特定のコラボレータのすべての合計を表示したいとします。たとえば、以下の画像を参照してください。 (これはコラボレーターのテーブルです) それで、写真を見ると、「David」の id2 がコラボしていることがわかります。そこでID 2のcolabのProjectHistoryテーブルの「Suma」列の合計(3+500=503)を出力したいと思います。全てのコラボでこれをやりたい

P粉450079266 2023-09-04 16:39:02 0  1  435

慣性データを Vue コンポーネントに表示するにはどうすればよいですか?

VueInspector で実際にメッセージを受け取りますが、それを Vue コンポーネントで使用する方法がわかりません。画像リンクを参照してください https://ibb.co/2KTmstS Inertia ヘルパー メソッドを使用し、Vue コンポーネントにメッセージを送信していますが、何も機能しません。 publicfunctioncontact_to_project(){$message="Mymessage!";returnInertia('Contact_to

P粉517475670 2023-10-31 12:54:15 0  1  517

変数を画像ソースとして使用する方法 - vue.js

私は Vue を初めて使用しており、HTML と CSS を実行しています。変数を画像のディレクトリとして使用したいのですが、画像がロードされず、変数は有効な tauri 関数によって更新されており、画像も変更する必要があります。これは私のコードです <template><imgv-bind:src=getimg()>--and--<img:src={{data}}}>--and--<imgsrc={{data}} >--その他

P粉148434742 2023-12-29 16:42:56 0  1  595

javascript - モバイル選択プラグインですが、データはそれ自体で定義されます

右のエフェクトと似ていますが、中のデータがカスタマイズされています。まずモバイル端末のエフェクトです。次にリストがたくさんあります。写真に応じてエフェクトを表示するには、データを次のようにすることができます。バックグラウンドから取得したデータ。

PHP中文网 2017-06-14 10:54:06 0  2  670

Inertia/Laravel PATCH リダイレクトもリファラーを更新しようとします

Laravel/InertiaJS アプリケーションがあり、Vue フロントエンドから Axios リクエストを実行して特定のモデルを更新します。私の場合は、提案表示ページがあり、提案に関連するタスクも表示されます。特定のタスクを更新するために Axios 呼び出しを実行する Vue サブコンポーネントがあります: constmoveToNextStatus=(status)=>{console.log('run')//updatethestatusofthetaskusing

P粉265724930 2023-09-04 11:56:57 0  1  606

図面チャート ファイルを選択するための <select> メソッドを作成します。

外部ファイルデータを使用して描画されたチャートがあります。次に、ユーザーが読み取るファイルを選択できる選択ボックスが必要です。このようにして、チャートを動的に変更できます。 vue と chartjs を使用してこの機能を実現するにはどうすればよいですか?現在、次のようにホームにデータをインポートしています:&lt;template&gt;&lt;divclass="home"&gt;&lt;Graph:vul_data=

P粉022140576 2023-08-20 10:08:18 0  1  588

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

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

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

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  441

「vue.js 3 のテーブルヘッダーに画像を挿入する方法」

vue.js3 の v-data-table を使用しており、テーブルヘッダーに画像を挿入したいと考えています。そこで、ヘッダー テンプレートをオーバーライドしてみました: <templatev-for="headerinheaders"v-slot:[`header.${header.value}`]="{headers}">{{header.text}}</template >この方法は機能します。ただし、

P粉550257856 2023-08-27 08:59:21 0  1  567

教師の日が近づいていますが、教師に何か言いたいことはありますか?

あなたがプログラミングを始めたばかりの初心者でも、すでに多くのことを学んだマスターでも、学校に通う普通の学生でも...先生に言いたいことは何ですか?自分のアイデアをコード言語で表現できますか?たとえば、以下に示すように、フロントエンド コードを使用してスクールバスの写真の効果を実現し、独自のアイデアを表現します。

藏色散人 2018-09-08 17:25:57 0  0  1230

javascript - 仕事を始めて間もなく、WeChat アプレットでいくつかの小さな問題に遭遇しました。説明どおり

最初はトークを公開するつもりで123枚の順番で写真を追加していたのですが、公開後に写真の順番が231枚か132枚か321枚に変わってしまいました（とにかく順番がめちゃくちゃでした） ).どうやって解決すればいいでしょうか?この問題。 2 つ目は、「いいね！」とコメントのエフェクトを作成する必要があるということです。

世界只因有你 2017-05-19 10:38:23 0  1  636

JavaScript - Vueプロジェクトで事前クエリ表示ボックスを非表示にする方法

Vue プロジェクトで、コンポーネント内の事前にクエリされたリスト上のそれ自体以外の任意の場所をクリックしてリストを非表示にするにはどうすればよいですか?コードは次のとおりです。 1. データ バインディング: 2. イベント バインディング: 3. 一部の学生は、フォーカスを失うイベントに入力ボックスを設定すると言うでしょうが、図のリストに示すように、クリックして選択したい場合は、カラム...

为情所困 2017-06-26 10:52:22 0  4  868

javascript - vue コンポーネントでの Baidu 共有の初期読み込みが失敗しましたか?

vue プロジェクトで Baidu Sharing を使用しています。コードは次のとおりです。テンプレート内の js (作成した場所に配置されています)。初めてロードするとき、Baidu Sharing のボタン画像は表示されません。F12 は、クラスもクリックイベントが有効になりました。更新後は正常に表示されます。 { code...} Mounted() { {code...}

PHP中文网 2017-06-28 09:26:32 0  1  950