問題タブ [vue-component]

私はまだ vue.js を学習中であり、Vuex を使用して大規模なアプリを作成する方法を学ぶための小さなプロジェクトの途中です。

アプリのボタンを使用して配列から特定の項目を削除しようとしているときに問題が発生しています。Vuex でこれを行うための正しい構文を取得できないようです。これが私が取り組んでいるものです：

お店

行動

ゲッター

アプリ

ボタンをクリックするとアプリに新しいコンポーネントを配置する配列に空白のアイテムを追加するアクションを設定しましたが、各コンポーネントにボタンadd itemを追加してそれを機能させる方法がわかりませんremove item。

これが理にかなっていることを願っています！

ルーターをインストールする前に、グローバル Vue インスタンスをセットアップし、次のように vue-resource を使用しました。

現在、Vue インスタンスはルーター自体によって次のようにインスタンス化されています。

インスタンスに変数がバインドされていない場合、どのように vue-resource を使用できますか?

次のbrowserifyワークフローを単一のgulpタスクに移行しようとしています:

パッケージ.json:

.babelrc ファイル:

gulp -browserifyはメンテナンスされなくなったため、このレシピを使用して、ワークフロー全体を 1 つの gulp タスクにまとめました。

残念ながら、生成された build.js ファイルは異なり、コマンドによって生成された build.js ファイルのみがnpm run buildVue.js アプリを正しく実行しています。

React には次のようなものがありますthis.props.children: https://facebook.github.io/react/tips/children-props-type.html

Vue.js にも子要素にアクセスするための類似のものがありますか?

このソリューションを使用して、vuejs コンポーネントのテーブル セルを動的に設定します。

http://forum.vuejs.org/topic/526/repeating-table-row-with-slot

これは Vue.js v1.0.10 でのみ機能しますが、現在のバージョン v1.0.26 では機能しません。

Jsfiddle: https://jsfiddle.net/peL8fuz3/

次のマークアップを取得しようとしています (項目オブジェクトはコンポーネントで使用できる必要があります)

Vue.js コンポーネント (詳細はフィドルで)

誰でもこれを解決する方法を知っていますか?

編集 まだ有効な解決策が見つかりませんでした-まだ検索中です..

vuejs.org には、次のように書かれていました。

双方向バインディングは、子の msg プロパティの変更を親の parentMsg プロパティに同期します。（ここにリンクがあります。）

しかし、この変更を親に同期できるように、子のプロパティを変更するにはどうすればよいのでしょうか。

ルーター

List.vue (親)

DetailAdd.vue (子)

active親 ( ) のプロパティを変更したいだけですが、List.vueこれを達成するにはどうすればよいですか?

皆様ありがとうございました！

ルート ビューには 2 つのコンポーネント A と B が表示されますが、コンポーネント A の scrollTop は 0 で、コンポーネント B にルーティングし、下にスクロールしてからコンポーネント A にルーティングすると、A もスクロールします。誰にもアイデアはありますか？

私はvuejsの初心者です。マーカーを表示するためにvue-google-mapsを使用していますが、マーカー アイコンを変更する方法を知りたいです。マーカー タグにアイコンを追加しようとしましたが、機能しません。私のコードの下：

私のテンプレートには、次のものがあります。

ここに私のスクリプトがあります：

誰かが私を案内してもらえますか？

エラー

コンポーネント

親

子コンポーネントを呼び出す方法は次のとおりです (以下を参照)。

オブジェクトは、私のdeviceストアから抽出された計算されたプロパティです:

子

質問

エラーは、オブジェクトを満たすリクエストの前に一度だけ発生しstore.networksます。小道具のdeviceデフォルト値を宣言しているので、この種のエラーは予想していませんでした: