に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

toRefs でのスクリプト設定と reactive state vue 3 の使用

Vue プロジェクトでスクリプト設定を使用しようとしています。スクリプトセットアップを使用する前のスクリプトは次のようになります。 <script>importLayoutfrom'../containers/Layout.vue';import{reactive,toRefs}from'vue'exportdefault{name:'Home',setup() {conststate =reactive({});return{...へ

P粉387108772 2023-08-26 15:38:41

Vue Compute() がリアクティブマップで起動しない

最初は空であるマップの周囲にリアクティブを設定します: constmap=reactive({}); と、マップにキー「key」があるかどうかを示す計算: constmapContainsKeyCompulated=Computed(()=>map.hasOwnProperty(" key) "))。マップを変更しても計算が更新されません。私は 1 日この問題で立ち往生しましたが、問題を示す最小限の例をなんとか思いつきました: &lt

P粉127901279 2024-03-27 10:36:32

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

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

P粉946437474 2023-08-31 00:26:42

リアクティブ変換のために Vue のコンポジション API で深くネストされたプロパティをスキップするにはどうすればよいですか?

vue-composition-api では、reactive() メソッドを使用して、オブジェクトの一部を参照として保持したいと考えています。カスタムカテゴリに属する製品がいくつかあります: constchair=newProduct(...);//lotsofinformationineachproductconsttable=newProduct(...);//lotsofinformationineachproduct と深いオブジェクトで製品を参照する注文

P粉044526217 2024-03-26 23:52:54

Angular でリアクティブフォームデータを編集するための必須の方法である Observable をサブスクライブする必要はありません

これは、観察可能なデータに基づいてリアクティブフォームを購読し、更新するために私が使用してきたプロセスです。おそらく、observable をサブスクライブして値を変更せずに問題を解決する方法があるかもしれません。 @Component({selector:'app-my-component',template:`<form[formGroup]="myForm"><inputformControlName="name"/>

P粉587970021 2024-03-29 18:37:15

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

Vue 3 構成 API - 計算されたプロパティが未定義を返す

Vue3 合成 API を使用して、firstDigit プロパティの計算値を返すにはどうすればよいですか?計算されたプロパティのキーワード this は未定義ですが、これを除外するとエラー fourDigitsisnotDefined が発生します。 <scriptsetup>import{computed,reactive}from'vue'consstinput=reactive({fourDigits:Array(1,2,3,4),f

P粉662089521 2023-10-31 19:00:10

リアクティブなモーダルスライドアニメーション

ReactとCSSでモーダルを実装しました。現在、モーダルを開くと、モーダルが下から上にスライドするスライドアップアニメーションを実装していますが、閉じるときにスワイプして下に移動したいのですが、方法がわかりません下にスワイプするアニメーションを正確に作成するために、誰か手伝ってくれませんか?コード=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29