問題タブ [vuejs2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
835 参照

javascript - vuejs は undefined のプロパティ保存を読み取れません

vue save メソッドに問題があります。適切に定義されていない理由がわかりません。Laravel 5、VueJS 2、および webpack を使用してコンパイルします。

したがって、私の app.js には次のものがあります。

私の createLocation.vue には、次のコードがあります。

それでも、送信ボタンを押すたびに、次のメッセージが表示されます。

しかし、なぜそれが今起こっているのか分かりませんか?私のダッシュボードにも同様の get リクエストがあり、完全に機能しているため、vue ルーターと vue リソースが正常に機能していることを確認できます。

0 投票する
1 に答える
549 参照

vue.js - VueJS:小道具をスロット要素に設定するには?

スロット要素に小道具を設定することは可能ですか?

成分

アプリ

期待される最終結果

JSFiddle

0 投票する
1 に答える
2872 参照

javascript - Vuejs 単一ファイル コンポーネントをコンパイルするには?

Vuejs 2 (webpack-simple テンプレート) を使用していますが、テンプレートをレンダリングする前にコンパイルする方法を知りたいです。私のコードの下:

App.vue

main.js

これらは、サーバーを起動したときに発生したエラーです。__WEBPACK_IMPORTED_MODULE_0_vue___default.a.compile is not a function

このプラグインvue-template-compilerも試してみましたが、うまくいきませんでした。それを機能させるのを手伝ってもらえますか?前もって感謝します。

0 投票する
5 に答える
7241 参照

webpack - Flow を Vue 2 (webpack) で適切に動作させるにはどうすればよいですか?

Flowを Vue 2 webpack-templateに追加しようとしています。記録のために、私はランタイムのみを使用しています(ファイルは.vueフォーマット/標準に従います)。

.vue私の最初の試みは、cli を介してフローを使用することでしたが、ファイルの処理方法がわからないため、機能しないことに気付きました。

私の2番目の試みは、webpackローダー(つまり、 flow-status-webpack-plugin)を追加し、ビルドの一部としてフローチェックを実行することでした(eslintたとえば、作品のように)。うまくいかなかったので、他のオプションを検討しました。

私の 3 回目の試みは、最初はかなり成功した、babel プラグインを使用することでした。babel-plugin-typecheck + babel-plugin-syntax-flow を使用しました。Webpack には出力はありませんが、型エラーによりアプリが壊れます。私はこのアプローチで問題ありません。CI で問題なく動作し、ビルドが壊れます。

これが私の.babelrc見た目です:

この時点で、フローはグローバル メソッドに対して期待どおりに機能しますが、Vue コンポーネント内では機能しません。

その上で、目標は Flow のためにアプリ コードを変更しないことです。理想的には、Vue を通常どおり使用するだけです。

Flow での私の経験と同じように、これが Vue と関係があるかどうかはわかりません (ヒント: それほど経験がありません)。Vue コンポーネントがどのように構成されているかを Flow に「理解」させるタイプ ファイルが必要だと考えています (ディレクティブについても同様です)。

経験豊富な方へ、どのようにして Flow を Vue + webpack で適切に動作させましたか?

0 投票する
1 に答える
1009 参照

validation - Vue.js 2.0 では検証はどのように機能しますか?

Vue.js の新機能。私はグーグルで検索して、Vue.js 1.0 に関する多くのリソースを見つけましたが、vue js 2.0 に関するリソースは見つかりませんでした。

0 投票する
5 に答える
24221 参照

javascript - Vuejs 2 + フォームの検証

vue-validator https://github.com/vuejs/vue-validatorは Vuejs 2 の準備が整っているため、フロントエンド検証を実装する最良の方法は何ですか?

更新 この素晴らしいプラグインを見つけました Vee Validate

0 投票する
1 に答える
1332 参照

vuejs2 - Vuejs 2 + スプライス

VueJS 2 で splice を使用すると、必要なインデックスではなく最後のインデックスが削除される理由を知りたいです。この例を見てください https://jsfiddle.net/tiagomatosweb/t121ufk5/

私は何が欠けていますか?

アップデート

正しい配列を削除していない理由がわかりました。実際にはそうでしたが、選択が更新されていませんでした。

1) たとえば、select v-model="fruitId" に内部モデル変数を使用していました。2) v-model="section.fruit" と書いたように、セクションから来る外部変数でなければなりません。

それがトリックになります。

その後、Vuejs インデックスを使用するようになり、非常にうまく機能しました。

https://jsfiddle.net/tiagomatosweb/t121ufk5/2

0 投票する
3 に答える
27545 参照

vue-component - VueJS でコンポーネント間でデータを共有する方法

私はかなり単純な VueJS アプリ、3 つのコンポーネント (Login、SelectSomething、DoStuff) を持っています。

ログインコンポーネントは、ユーザーとパスの入力用の単なるフォームですが、2 番目のコンポーネントは、ログインの進行中に取得されたデータを表示する必要があります。

あるコンポーネントから他のコンポーネントにデータを共有するにはどうすればよいですか? 2 番目のコンポーネントにルーティングしたときに、ログイン 1 で取得したデータがまだ残っているようにするにはどうすればよいですか?