問題タブ [vue-component]

コンポーネント内のロジックをインライン化するのではなく、ヘルパー クラスをインポートしたいと考えています。次のエラーが表示されます。

/services/NavbarService.js

/コンポーネント/Navbar.vue

それで私は自分のサイトでリーフレットを使い始め、自分のアイテムの名前でそれらを表示できる検索を行うことができました. 問題は、クリック時に情報を表示する必要があることですが、マーカーをクリックできません。

ここに私のコンポーネントがあります:

オプション {clickable: true} を試しましたが、まだ機能しません。開始時に提供される簡単なリーフレットの例を使用しています。

あるオブジェクトを別のオブジェクトにコピーすることを扱う以下のコードで何が起こっているのかを理解しようとしています。場合によっては、一方を変更すると他方が変更される同じオブジェクトのように動作します。javascript オブジェクトが参照によって複製される方法に関する投稿を多数見つけたので、それらは実際には同じオブジェクトです。たとえば、http://www.w3schools.com/js/js_object_definition.aspから:

ただし、オブジェクトが別々のオブジェクトに見える場合も見つかりました。ある場合には同じオブジェクトのように機能し、別の場合には異なるオブジェクトのように振る舞うにはどうすればよいでしょうか? 状況に光を当てていただければ幸いです：

例: http://codepen.io/gratiafide/pen/yagQGr?editors=1010#0

HTML:

JS:

CSS:

laravel-elixir-vueify を使用して、NPM を介して vue-product-carousel と呼ばれるサードパーティの vue コンポーネントを含めようとしています。

package.json には以下が含まれます。

ノードと NPM:

私が書いたコンポーネントは問題なく表示され、うまく機能します。vue-product-carosuel をインクルードしようとすると、次のエラーがスローされます。

次のようにコンポーネントが必要です。

そして要素：

ビルドに何か不足している可能性はありますか?

vue コンポーネント内で jquery プラグインを使用する方法がわかりません。webkit、browserify、または ES2016 を使用していません。プラグインを使用してテンプレート タグ内の要素をターゲットにする方法はまだありますか? Google は有益な結果をもたらしませんでした。問題のプラグインはストライプの jquery.payment です。

私のLaravel 5.3アプリケーションでは、ユーザーがボタンをクリックしてデータを編集すると表示されるモーダルコンポーネントがあります。

モーダル ウィンドウの読み込みは、次のコードで行われます。

上記のコードは、モーダル コンポーネント内にある次のフォームを読み込みます。

何が起こっているかというと、上記のフォームを送信するたびに、値がまったくない状態で送信されます。つまり、上記のすべてのフィールドで空の文字列が得られます。しかし、手動で各フィールドに移動すると、適切なフィールド値で送信されます。

ユーザーが送信ボタンをクリックするたびに、値が更新されるようにしたいと考えています。つまり、vue が認識できるように、ユーザーはすべてのフィールドをクリックする必要はありません。

編集1：

これが私がモーダルを呼び出す方法です：

結論の質問:ユーザーが送信ボタンをクリックするだけで、フォームのデフォルト値 (モーダル ウィンドウに読み込まれる) を送信するにはどうすればよいですか?

どんな助けでも大歓迎です。ありがとう。