問題タブ [vue-component]

ボタンクリックイベントに href 属性を取得したい。

Main.JS ファイル

対象イベントが要素を選択していません。クリックされた要素を選択します。

vue 1 では、これを行っていました: v-bind:class='{"isdanger": invalidLogin}'.

今、私は Vue 2 アプリで同じことをしようとしていますが、このエラーが発生しています:

template syntax error - invalid expression: v-bind:class="{'isdanger': invalidLogin}"

念のため、使用してpugいます。

何か案は？

多くのドキュメントを読みましたが、次のユースケースを機能させることができません:

コンポーネント「product-filter」があります。このコンポーネントには、個々のフィルター オプション (ラベル付きのチェックボックス) をレンダリングする子コンポーネント 'product-filter-option' が含まれています。

product-filter インスタンスの json データは次のようになります。

ページに product-filter の複数のインスタンス (および多数の product-filter-option インスタンス) があります。ここまでは順調ですね。ここで、フィルターの 1 つ (指定されたカテゴリ フィルターなど) をページに複数回レンダリングしたいと思います (現在の「強調表示された」フィルターのようなもので、ユーザーの操作中に変更される可能性があります)。

そこで、次のテンプレート コードを使用してこれを修正しようとしました。

そのため、このフィルターは私のページに 2 回表示されるようになりました (vue アプリの activefilter プロパティが設定されている場合のみ)。しかし、この「複製された」フィルタのオプションを変更しても、元のフィルタは変更されません。これは、これらの「複製」間でデータが同期されていないためです。これを Vue で修正するにはどうすればよいですか?

ご協力いただきありがとうございます！

I'm currently developing a webapp in Vuejs. I created a Mixin that I can access globally which handles any request to my api:

Now, in some of my components I call the api function:

It works fine, but one thing doesn't work as expected. I expect my api_response constant to have the value of response but it is always undefined. So every time I got this alert with undefined. How is that possible? When I uncomment the return 'test' line it works: I got an alert with test, but it doesn't seem to work within the this.$http part...

特定のコンポーネントがロードされているときに、コンポーネント/ビューの1つでvue-routerを使用しています。データベースから履歴トランザクションをロードしようとしました:

次の 2 つのエラーが発生しました。