問題タブ [vue-component]

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 投票する
1 に答える
972 参照

javascript - vue.js v-if がまだページにレンダリングされている

アプリのhtmlにある単純なコンポーネントがあり、に接続されています

ドキュメントからわかるように、v-if が false の場合、コンポーネントはまだ作成されません。

これがページ上のコンポーネントです

そしてアプリコード:

ご覧のとおり、「postModal」はfalseであるため、コンポーネントをレンダリングしないでください...しかし、コンポーネントの「作成された」メソッドと同じように行うことはわかっています

私は何を間違えましたか?

ありがとう!

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

vue.js - プロパティの変更時に Vue が更新されない

これを含むインデックス コンポーネントがあります。

そして、次のようなログイン コンポーネントがあります。

ログインとログアウトの方法は次のようになります。

ログアウトは正常に機能します。リンクをクリックすると、テキストが変更され、「ログイン」リンクが表示されます。ログインは、Javascript でのログインには成功しますが、リンクは更新されません。ページを正しく表示するには、ページをリロードする必要があります。なんで?

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

javascript - Vue.js は関数を prop として渡し、子にデータでそれを呼び出させます

投稿リスト コンポーネントと投稿コンポーネントがあります。

投稿リストから投稿コンポーネントに呼び出すメソッドを渡すので、ボタンをクリックすると呼び出されます。

しかし、この関数がクリックされたときに投稿IDを渡したい

コード:

Post コンポーネントでわかるように、小道具から取得したメソッドを実行するクリックがあります。そのメソッドに変数を追加したいと思います。

どうやってそれをしますか?

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

vue.js - 子コンポーネントで Vuex が機能しない

次の単純なコードは、いくつかのコンポーネントとルート インスタンスの両方が、vuex オブジェクトからバインドするのではなく、コンソールにエラーを記録するため、多くの頭痛の種になっています。ここで何が欠けている可能性がありますか?

私のコードでは、Vue.use(Vuex) を呼び出していますが、このフィドルでは必要ありません (Vuex は既に登録されていると表示されます)。また、データのある行のコメントを外すと、コンポーネントが適切にレンダリングされることに注意してください。

どんな助けでも大歓迎です。

0 投票する
2 に答える
148 参照

javascript - React または Vuejs でのビュー コンポーネントのクリア処理

すべてのビジネス ロジック、ajax、データなどを処理するコンテナー コンポーネントがあります。

データとメソッドを小道具として渡す子コンポーネントがあります。

したがって、この質問には、送信時に呼び出す関数として小道具を取得する「CommentForm」コンポーネントがあります。

子コンポーネントがデータを使用してそのメソッドを呼び出すと、すべてがうまく機能しますが、2 つのオプションがあります。

  • データは良好だったので、コンポーネントの入力をクリアします
  • データが不良で、エラーを表示

2番目のオプションは簡単です...

しかし、最初に、子コンポーネントにコンテンツをクリアするように指示するにはどうすればよいですか?別のプロップを作成する必要がありますか?それとも別の良い方法ですか?

** このコードは Vue.js の私のコードの例ですが、これは反応のような一般的な質問です

0 投票する
2 に答える
857 参照

php - Vueify / VueRouter / Laravel - コンポーネントが定義されていません

私は比較的単純なlaravelアプリケーションを構築していて、Vue.jsを学びたいと思っていました...これは非常にイライラする混乱になっています...

とにかく、ここで問題です。何をしても、コンポーネントが定義されていないというエラーが表示されます。

これが私が持っているものです...

ガルプファイル

/resources/assets/js/main.js

私のブレードファイルでは...

/resources/assets/js/components/2016-1099-misc.vue

gulp を実行すると、正常に動作します。ブラウザでページを表示しようとすると、エラー メッセージが表示されます

私は間違ったことをたくさんしていると確信しています。私は Vue を初めて使用し、把握するのに苦労しています...

アップデート:

すべてのスクリプト コードをブレード ファイルから main.js ファイルに移動したところ、main.js は次のようになりました。

エラーメッセージが表示されるようになりました

0 投票する
2 に答える
262 参照

vue.js - 子ども同士のコミュニケーション

私のコンポーネントはかなり大きいので、簡単な例を示します。誰かが私の問題を解決する方法を知っているかもしれません。

「subtotal」、「vat_subtotal」、「total」などの子コンポーネントを持つ請求書コンポーネントがあります(例です)。請求書コンポーネントからすべての子に直接アクセスするために v-ref を使用しています。また、小計は請求書のプロパティから計算され、vat_subtotal は小計の子プロパティから計算されます。「合計」は vat_subtotal の子から計算されます。

例:

問題は、「合計」の子が「vat_total」の子プロパティにアクセスしようとしているために、ページの読み込み時に警告が表示されることですが、@ $parent.$refs.vat_total はまだ「未定義」です (理由はわかりません)。 . 後でフォームの何かを変更すると、正常に反応し、すべてが正しく再計算されます)。他の子がまだロードされていない間に、1 つの子がプロパティを計算しようとしているようです。

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

javascript - Vue.js の未定義コンポーネント

私は Vue.js で Laracasts チュートリアルに従っていますが、ちょっとした障害にぶつかりました。すべてのスタイル スクリプトとテンプレートを含む app-footer.vue という vueify コンポーネントがあります。

次に、私の見解では、コンポーネントを次のように定義します

最後に、app.js ファイルでテンプレート ファイルをインポートし、次のように Vue インスタンスのコンポーネント リストに追加します。

コンポーネントエラーが発生し続け、正しく定義したかどうかを尋ねられます。正確には何が間違っていますか?

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

vue.js - Vue:コンポーネントでストアを使用するには?

//お店

//成分

//見る

//エラー