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

Pinia の継承/共有操作とゲッター

アクションとゲッターのセットを共有することになっているいくつかの Pinia ストアがありますが、これを効率的に実装する方法がよくわかりません。ユーザーがさまざまなメディア (書籍、映画、テレビ番組など) を管理できるようにするアプリケーションを構築しています。今考えているのは、BookStore、MovieStoreなどのメディアタイプごとにストアを作ることです。多くのゲッターと操作 (count や deleteOne など) は、これらの異なるストア間でまったく同じです。ここで DRY を実装するにはどうすればよいでしょうか? Pinia ドキュメントの例

P粉662614213 2023-12-22 13:50:12 0  2  493

使用するにはWebアプリをダウンロードする必要がありますか?

一部の Web アプリはネイティブ シェルの形式で、ブラウザー Web ビューを提供し、アプリ ストアまたはさまざまなアプリケーション ストアで公開されます。その後、iOS や Android システムなどのさまざまなシステム上で、これらの Web アプリのブラウザーはストアからダウンロードされます。のように？ -web を使用すると...

某草草 2017-07-05 10:50:42 0  1  902

書き直されたタイトルは、「子 VueJS アプリケーションで Pinia ストアにアクセスするにはどうすればよいですか?」です。

他のいくつかのプロジェクトで VueJS アプリケーションを再利用するためのライブラリを作成しています。任意の VueJS プロジェクトでフォームを生成および表示するプラグインです。このライブラリのストアとして pinia を使用し、それを構築するために Vite を使用しています。ライブラリのストレージをインポートするプロジェクトのレベルで読み取り可能にするにはどうすればよいですか?私の問題は、VueJS の Chrome 拡張機能ではストアにアクセスできないことです。ライブラリからの例 このストアをライブラリに作成しました。 main.ts ファイルには、インストール メソッドがあります:...

P粉680487967 2023-12-29 18:52:03 0  1  545

Vue3 - ページの更新による状態の維持

私は Vue3 を使い始めたばかりで、vuex を使用して状態を管理しようとしています。 Vue2 を使用する場合、アプリがロードされるたびに次のようにストアを呼び出します。 //mains.jsimportVueRouterfrom"vue-router";importVuexfrom"vuex";importrouterfrom"./routes";window.Vue=require('vue

P粉959676410 2024-03-25 23:22:06 0  1  460

Laravel: Shopify ヘッダー配列に認証キーがありません

Shopify アプリ開発は初めてです。 shopify が提供する php テンプレートを使用してアプリケーションを開発しました。 LaravelとReactを使用します。これは https://github.com/Shopify/shopify-app-template-php/tree/cli_third です。 npmrundev を実行すると、アプリは開発ストアで実行されます。次に、ドメイン (例: sub.mydomain.com) を使用して AWS サーバーにデプロイしました。

P粉448346289 2024-01-10 16:31:03 0  1  399

Vue 2.7 与组合 API + Vuex

Vue2 アプリケーションを Vue2.7 に移行しようとしていますが、API と Vuex の組み合わせでいくつかの問題が発生しています。現在のアプリケーションでは、@vue/composition-api パッケージを使用してコンポーザブルを使用できるようにしています。これらのコンポーザブル内では、ストアにアクセスして次のように取得する必要があります: ...restofthecomponentsetup(props,{parent}){conststore=parent.$storesomeComposab

P粉295728625 2023-11-03 10:06:49 0  1  860

Redux ストアの値が変更されたときに React Tab コンポーネントがアクティブなタブを更新しない

React アプリケーションで ChakraUITab コンポーネントを使用しています。 Redux に数値が保存されており、その値に基づいてアクティブなタブを変更したいと考えています。ただし、ストア内の数値を更新しても、アクティブなタブはそれに応じて変更されません。この問題はどうすれば解決できますか?以下は MyTabs コンポーネントのコードです: functionMyTabs(){constnumber=useSelector(selectnumber);console.log(number);return(<Ta

P粉950128819 2023-08-31 17:49:11 0  2  550

WordPress に基づいて Woocommerce マルチストアを作成する

Woocommerce を使用して、異なるドメイン (サブドメイン) でホストされている 3 つの複数の WordPress ストアがあります。複数のストアを持つWordPressWoocommerceを作成したいと考えています。このタスクを達成するにはどうすればよいですか?

P粉982881583 2024-03-30 17:30:10 0  1  454

サービス クラスを使用する従来のアプローチよりも Pinia/Vuex が好まれるのはなぜですか?

Pinia/Vuex および Redux は、どこからでも取得できるアプリケーション データを保持する 1 つ以上のストアを備えた「単一の信頼できる情報源」となるように設計されています。 Pinia ストアは次のようになります。exportletuseProductsStore=defineStore('products',()=>{letdata=ref(products);functiongetList(params){returnsomeSearchStuf

P粉358281574 2024-01-10 16:53:42 0  1  487

Vue 3 のネストされたプロパティへの変更を観察する

リアクティブ API を使用して簡単な状態管理を作成しました。ストア ファイルは次のようになります: import{reactive,watch}from "vue";conststate=reactive({form:{service_id:null}})watch('state .form.service_id ',(newVal,oldVal)=>{console.log('servicechanged');

P粉060112396 2024-03-31 18:31:30 0  1  372

php - システムに複数のショップを追加でき、各ショップに取引記録があります。テーブルを設計するにはどうすればよいですか?

私の考えでは、shop は店舗情報を保存するために使用されるテーブルです。次に、フィールド shop_id を持つトランザクション テーブルがあり、すべてのショップのトランザクション レコード情報が保存されます。データ量が多い場合、このようなテーブル設計は影響しますか? 各店舗の取引記録など、もっと良い方法はないでしょうか...

为情所困 2017-05-24 11:34:14 0  2  544

Vue ストレージ内の配列がコンポーネントで (時間内に) 使用できません

私のアプリケーションには、vuex ストアに保存されているゲーム カードのセットがあります。プレーヤーがゲーム PIN を入力すると、コードがそれをチェックして、そのピンのゲーム カードを取得してストアに保存し、メモリ コンポーネントを開きます: checkPinExists(){//this.$store.dispatch('retrieveGameByPin',this) .enteredPin)this.retrieveGameByPin(this.enteredPin).then(res=&

P粉914731066 2023-09-13 18:14:56 0  1  686

laravel という名前に一致する別のテーブルからデータを取得する

始める前に、コードが英語ではないため、いくつかの翻訳を行います。 プロバイダー = サプライヤー ジョブ = ジョブ したがって、サプライヤー テーブルとワークシートの 2 つのテーブルがあります。各サプライヤーは複数の作品を所有できますが、各作品は 1 つのサプライヤーのみが所有できます。 1 対多の関係である必要があります。これは私のテーブルベンダーテーブルワークベンチなので、フレームとしてLARAVELを使用しています。アクションボタンを備えたベンダーテーブルを作成しました。これを機能させたいのですが、ボタンをクリックすると、正確なベンダー名が所有するジョブのリスト（pekerjaan）...

P粉378264633 2024-01-29 12:28:44 0  1  383

アプリへのリンクを含むテキスト メッセージを SMS 経由で送信する方法

Expo が管理するワークフローを使用して ReactNative アプリを構築しています。ユーザーが他のユーザーをサインアップに招待することに成功した場合は、プレミアム バージョンの 1 か月間無料トライアルを取得してもらいたいと考えています。ユーザーが友人の電話番号を入力して、私のアプリへのリンクを含むテキスト メッセージを友人に自動的に送信できるようにしたいと考えています。テキストメッセージを送信できるように設定しました。現在、テキスト メッセージにアプリが既に携帯電話にインストールされている場合はそのアプリを開き、そうでない場合は App Store または Play にリダイレクトさ...

P粉094351878 2023-09-01 22:44:43 0  1  629