問題タブ [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.
javascript - vue.js v-if がまだページにレンダリングされている
アプリのhtmlにある単純なコンポーネントがあり、に接続されています
ドキュメントからわかるように、v-if が false の場合、コンポーネントはまだ作成されません。
これがページ上のコンポーネントです
そしてアプリコード:
ご覧のとおり、「postModal」はfalseであるため、コンポーネントをレンダリングしないでください...しかし、コンポーネントの「作成された」メソッドと同じように行うことはわかっています
私は何を間違えましたか?
ありがとう!
vue.js - プロパティの変更時に Vue が更新されない
これを含むインデックス コンポーネントがあります。
そして、次のようなログイン コンポーネントがあります。
ログインとログアウトの方法は次のようになります。
ログアウトは正常に機能します。リンクをクリックすると、テキストが変更され、「ログイン」リンクが表示されます。ログインは、Javascript でのログインには成功しますが、リンクは更新されません。ページを正しく表示するには、ページをリロードする必要があります。なんで?
javascript - Vue.js は関数を prop として渡し、子にデータでそれを呼び出させます
投稿リスト コンポーネントと投稿コンポーネントがあります。
投稿リストから投稿コンポーネントに呼び出すメソッドを渡すので、ボタンをクリックすると呼び出されます。
しかし、この関数がクリックされたときに投稿IDを渡したい
コード:
Post コンポーネントでわかるように、小道具から取得したメソッドを実行するクリックがあります。そのメソッドに変数を追加したいと思います。
どうやってそれをしますか?
vue.js - 子コンポーネントで Vuex が機能しない
次の単純なコードは、いくつかのコンポーネントとルート インスタンスの両方が、vuex オブジェクトからバインドするのではなく、コンソールにエラーを記録するため、多くの頭痛の種になっています。ここで何が欠けている可能性がありますか?
私のコードでは、Vue.use(Vuex) を呼び出していますが、このフィドルでは必要ありません (Vuex は既に登録されていると表示されます)。また、データのある行のコメントを外すと、コンポーネントが適切にレンダリングされることに注意してください。
どんな助けでも大歓迎です。
javascript - React または Vuejs でのビュー コンポーネントのクリア処理
すべてのビジネス ロジック、ajax、データなどを処理するコンテナー コンポーネントがあります。
データとメソッドを小道具として渡す子コンポーネントがあります。
したがって、この質問には、送信時に呼び出す関数として小道具を取得する「CommentForm」コンポーネントがあります。
子コンポーネントがデータを使用してそのメソッドを呼び出すと、すべてがうまく機能しますが、2 つのオプションがあります。
- データは良好だったので、コンポーネントの入力をクリアします
- データが不良で、エラーを表示
2番目のオプションは簡単です...
しかし、最初に、子コンポーネントにコンテンツをクリアするように指示するにはどうすればよいですか?別のプロップを作成する必要がありますか?それとも別の良い方法ですか?
** このコードは Vue.js の私のコードの例ですが、これは反応のような一般的な質問です
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 は次のようになりました。
エラーメッセージが表示されるようになりました
vue.js - 子ども同士のコミュニケーション
私のコンポーネントはかなり大きいので、簡単な例を示します。誰かが私の問題を解決する方法を知っているかもしれません。
「subtotal」、「vat_subtotal」、「total」などの子コンポーネントを持つ請求書コンポーネントがあります(例です)。請求書コンポーネントからすべての子に直接アクセスするために v-ref を使用しています。また、小計は請求書のプロパティから計算され、vat_subtotal は小計の子プロパティから計算されます。「合計」は vat_subtotal の子から計算されます。
例:
問題は、「合計」の子が「vat_total」の子プロパティにアクセスしようとしているために、ページの読み込み時に警告が表示されることですが、@ $parent.$refs.vat_total はまだ「未定義」です (理由はわかりません)。 . 後でフォームの何かを変更すると、正常に反応し、すべてが正しく再計算されます)。他の子がまだロードされていない間に、1 つの子がプロパティを計算しようとしているようです。
javascript - Vue.js の未定義コンポーネント
私は Vue.js で Laracasts チュートリアルに従っていますが、ちょっとした障害にぶつかりました。すべてのスタイル スクリプトとテンプレートを含む app-footer.vue という vueify コンポーネントがあります。
次に、私の見解では、コンポーネントを次のように定義します
最後に、app.js ファイルでテンプレート ファイルをインポートし、次のように Vue インスタンスのコンポーネント リストに追加します。
コンポーネントエラーが発生し続け、正しく定義したかどうかを尋ねられます。正確には何が間違っていますか?
vue.js - Vue:コンポーネントでストアを使用するには?
//お店
//成分
//見る
//エラー