問題タブ [vue-resource]

次のようないくつかの子コンポーネントがある vue.js アプリがあります。

ページが読み込まれると、readyフックを使用して、コンポーネントの読み込みが完了したことを知ることができます。現在、これらのコンポーネントは ajax データを使用して入力されており、ボタンをクリックして手動で更新できます。broadcastanddispatchメソッドを使用して、各子コンポーネントからデータを取得できます。しかし、ユーザーがボタンをクリックしたときにプリローダーを表示し、すべての ajax リクエストが終了したときにそれを非表示にしたいと考えています。このためには、すべての子コンポーネントの読み込みが完了したことを知る必要があります。過去4〜5時間はできません。Google と SO はあまり役に立ちませんでした。

jQuery も使用してみajaxStopましたが、vue-resource では機能しないようです。誰でも私を助けてもらえますか？

ユーザーがページ上のデータを変更するたびに、フォーム データをバックエンドに保存したい (理想的には、ユーザーが変更をやめてから保存するまで待機するタイムアウトを使用する)。

これを処理するいくつかの方法を考えました。そうするために、すべてのフィールドに変更イベントを配置できます。また、計算された変数を使用して、オブジェクトが設定されるたびに set メソッドの呼び出しを追加することもできますが、これは非常に複雑に思えます。

Vue JS でこれを行っている例はあまり見たことがありません。それを行う明確な方法はありますか？データオブジェクトが変更されたときに、次の関数を実行すると簡単に言う方法はありますか?

フィールドはサーバーごとに投稿され、データもフォームサーバーです。どうすればそれらを vuejs にバインドできますか? 最後に表示したいのは、filedName ではなくデータです。

そのため、laravel 5.2 を使用して API を作成し、VueJs を使用してそこからデータを取得しました。すべての結果を取得することで、 index() アクションのデータを取得できました。今、私の問題はもう少し複雑になります。テーブルからの各投稿が単一の投稿ページに移動するように、show() メソッドを作成する必要があります。

これは私の VueJs コードです。

これは私のものです すべての投稿を表示

私の質問: 1. show メソッド用に別のファイルを作成する必要がありますか? 2. laravel ioc を活用して、ポスト モデルから $slug を取得し、単一のページを表示するにはどうすればよいですか。

$http.post の catch 関数内でカウントダウン タイマーを呼び出すこの単純なコードがあります。

しかし、エラーが発生すると vm.StartTimer(captionClass) は実行されず、クリックイベント内で同じ関数を呼び出そうとしましたが、機能します。

カウントダウンタイマー機能はこちら

認証が必要な単一ページ アプリケーションがあります。ユーザーが認証されると、いくつかのページにアクセスするか、ブラウザーでリロード ボタンを押すと、認証データを提供する API が要求されます。次に、次のようなエラーが発生します。

[Vue warn]: Error when evaluating expression "auth.name": TypeError: Cannot read property 'name' of null (found in component: <navbar>)

このエラーは、API へのリクエストがまだ完了していないときに、 vue が認証データをレンダリングするために発生します。

vueが認証データをレンダリングする前に、最初に終了するまでvueにリクエストAPIを待機させることは可能ですか?

ここで何が起こっているのかをより明確にします。コードは次のとおりです。

理解できません。私は何時間もこれに苦労しています

Laravel で Vue.js を使用しており、外部 API に POST リクエストを送信しようとしています。

しかし、Vue POST リクエストで常に CORS エラーが発生します

エラー

MLHttpRequest はhttps://www.mollie.com/payscreen/select-method/JucpqJQsesを読み込めません 。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' https://payment.dev ' へのアクセスは許可されていません。

バックエンドにLaravel CORS パッケージをインストールし、ルートにミドルウェアを追加しました。

しかし、私はまだエラーが発生しています。また、Vueヘッダーを追加しようとしました

同じ結果/エラーで。

誰かが私が間違っていることを教えてもらえますか?