問題タブ [vue-resource]

Laravel 5.1 でZizaco/entrustを使用しています。チェックボックスを使用して、特定のロールに明示的に権限を付与したい。これは私のコードです：

役割の取得:

取得権限:

役割と権限を割り当てるための表を次に示します。

出力は次のようになります: 出力 のスクリーンショット

アクセス許可は、次の方法でも正常に割り当てられます。

私が立ち往生しているのは、役割に特定の権限がある場合にチェックボックスをオンにすることだけです。

PHPオブジェクトにある場合、次のことができます。

Vue JS で hasPermission() メソッドを使用するにはどうすればよいですか?

私は自分の vue オブジェクトにこのメソッドを持っています:

アセットのプリコンパイル中に次のエラーが発生します。

これがどこから来たのかを突き止めることができましたが、これ.then((response) => {を修正する方法がわかりません。ExecJS がvue-resource の promise 構文を認識していない可能性があります。どんな助けでも大歓迎です。

vue-resource を vueify で動作させることができないようです。main.js ファイルに含める 1 つの vue コンポーネントを定義しました。

私の vue コンポーネント ファイルは次のようになります。

現在の状態では、次のエラーが表示されます。

コンポーネント ファイルの vue-resource に関する 2 行をコメント アウトすると、受け取るエラーは次のようになります。

パッケージ.json:

ガルプファイル:

SOに関する既存の回答はすべて結果をもたらしませんでした。助けてください。

次のような親コンポーネントがあります

次のような子「マッピング」コンポーネント

親コンポーネントから子コンポーネントにデータを渡すことができません。ここで小道具を使用しようとしています。私が得ているエラーは

更新 提案に従って、次のように親コンポーネントを更新しました

および子の「マッピング」コンポーネントは次のとおりです

しかし、私は空のmappingListを取得しています。これは、私がやっているときはいつでもconsole.log(this.currentMappings.length);未定義になることを意味します..ここで何が間違っているのか教えてください。

ありがとう

まず、これを分類した同様の質問に対する回答は見たことがありません。すでに存在するものを見つけた場合は、お知らせください。

タイマーの有効期限を保存するように Cookie を設定する単純な AJAX リクエストですが、いまいましい Cookie が設定されておらず、その理由がわかりません。

私はVue Resourceを使用しているので、jQuery は使用しないでください。実際、JS や AJAX とはまったく関係がないと確信しています。それはうまく投稿されており、「有効期限」は完全にうまく返されています。

JS:

PHP

編集 1 要求に応じて、wp_ajax アクション

グローバル関数をどこに配置するかについて、ここでちょっと混乱しています。多くの例では、main.js ファイルがアプリ コンポーネントを指しており、これは html 内のどこかに配置されています。このワークフローは、すべてのロジックをこのアプリ コンポーネント内に単純に含める場合には問題ありません。しかし、コンポーネントを Laravel 機能と組み合わせているため、これはうまくいきません。

現在、main.js ファイルには、アプリのどこからでもアクセスする必要があるメソッドが多数含まれています。これらのメソッドにはブロードキャスト イベントが含まれていないため、vue-resource インスタンスを取得する限り、効果的にどこにでも配置できます。

私の main.js ファイル:

https://github.com/stephan-v/BeerQuest/blob/develop/resources/assets/js/main.js

これはベスト プラクティスとはまったく思えないため、vuex を使用する場合、または一般的に、フレンドシップ メソッドをどこに配置できるかを誰かが教えてくれることを願っています。

ありがとうございました。

AJAX と VueJs を使用してフォームを送信しようとしています。しかし、どういうわけか私はそれを達成できていません。Illuminate\Http\Request私はいつも空のオブジェクトを取得してしまいます。

ブレード ファイル:

コンポーネント:

main.js

gulpfile.js

routes.php

私が見返りに得るものは次のとおりです。

Chrome の [Network] タブの [Request Payload] セクションを確認すると、上記のテキスト ボックスに入力したデータを使用して、フォームが正常に送信されていることがわかります。

なぜこうなった ？間違いを犯した場所を教えてください。

更新 1:

上記のコードで試行錯誤していました。名前空間を削除し、ルートからIlluminate\Http\Request引数も削除しました。また、渡すパラメータを文字列からオブジェクトに変更しました。Request $requestpost

そうすることで、私が探していた仕事をしてくれました。なぜ私は知りません。私はまだ私にこれを説明できる人を探しています。

ファイルに名前空間Iluminate\Http\Requestを追加routes.phpしても期待どおりに機能せず、削除してもうまくいかなかったのはなぜですか?

なぜ以前にうまくいかなかったのか誰か教えてもらえますか? どんな種類の助けも大歓迎です。

PS:最近、VueJs コンポーネントの学習を開始しました。