問題タブ [state-management]

Plnkr: https://plnkr.co/edit/TrjrZ4vQlOjxyjc1mKQt?p=preview

期待される

ティッカーをLogin選択すると、ティッカー リストの右側のタグ スコープと呼ばれるオレンジ色の領域にタグ リストが表示されます。

アプリの外観

結果

ティッカーを選択すると、タグの状態がアクティブになりますが、タグ テンプレートは最上位のインデックス UI ビューを置き換えます。ティッカー テンプレート内のタグ テンプレートをレンダリングする代わりに<div ui-view="tags@tickers"></div>。

アプリの外観

建築

ログイン後、 と の 2 つのビューがある状態containerに移動します。dashboardfeed

私の問題は、現在のdashboard stateアーキテクチャtickers stateでどうすればそれを行うことができますか?

私はセレンの初心者です。セレンの状態管理について疑問があります。

いくつかのデータを含む 1 つの Web フォーム (Form1) があります。

現在のブラウザ(Mozilla)のインスタンスに新しいタブで同じデータを渡したい(Form1タブが閉じられたとき)

• 現在のブラウザ（Mozilla）を閉じたときの新しいブラウザ（chrome）。

ありがとう！！！

注文を更新できるフォームを作成しています。入力フィールドには、レンダリングする各オブジェクトの現在の状態を入力する必要があり、入力フィールドを編集できるようにしたいと考えています。私は自分のコードを 1 つの入力フィールドだけに単純化し、次のコードを使用して試みていることの大部分を実行できると信じています -

親コンポーネント レベルで設定される状態はオブジェクトの配列であり、渡すオブジェクトのデータ構造は次renderEditOrderForm()の構造を持ちます -

Wheredata: Objectには、変更しようとしているキーと値のペアが含まれています。この場合、キーは (上)nameの下にネストされdata: Objectており、更新/編集したら配列に戻します。注文の名前を少し更新することはできますが、更新しようとすると (たとえば、「x」を入力すると)、オブジェクトはこの構造になりました --

おそらくそれが原因であると直感でき[e.target.name]: e.target.valueますが、ネストされたキーnameにアクセスする方法について完全に途方data: Objectに暮れています-e.target.data.nameを試しましたが、それは私に与えundefinedて試しました他にもいろいろな組み合わせ。Redux を使用せずに (残念ながら時間の制約のために学習する時間がありません)、nameネストされた を更新するためにキーにアクセス/ターゲットする方法を知っている人はいdata: Objectますか?

現在のテキストに必要なスペースに応じて、テキストを水平方向、垂直方向にスクロールするか、固定したままにしようとしています。コンテナ内に収まる場合は、固定されたままにする必要があります。そうでない場合は、移動する必要があります。事前にテキストがわからず、コンテナのサイズが動的です。

テキストがオーバーフローするかどうかを確認しようとしていますが、コンポーネントのマウント状態から正常に動作します。これを行うには、scrollheight と clientheight の組み合わせと、textcontainer のサイズとコンテンツ コンテナーのサイズを比較します。

テキストがコンテナー内に収まる限り、更新も機能します。問題は、アニメーション化された状態とアニメーション化されていない状態を切り替えることです。コード内のデータ属性には、使用するクラスとテキスト スタイルを論理的に決定するための font-size およびその他の属性が含まれています。

問題を解決するために必要なのは、テキストをアニメーション化されていない状態に戻す機能です。次に、テキスト、フォント サイズ、またはコンテナー サイズが変更されるたびに、マウントされた状態で使用するルーチンを使用することができます。

状態: スクロールなし (アニメーションなし):

横スクロール (アニメーション):

テキストが水平にスクロールされている場合、scrollWidth は非常に広くなり、影響するデータに変更を加えてもそのままになります。したがって、スクロールモードから抜け出せません。

devtools に入り、手動でマークアップをスクロールなしの状態に戻すと、コードは再び機能します。しかし、プログラムでそこに到達する方法がわかりません。

Web サイトに動的サイドバーを作成しようとしていますが、メニュー ボタンは別のコンポーネント (ナビゲーション バー) にあります。vuex を介して相互に通信するにはどうすればよいですか? ほら、同じコンポーネントでそれを行う方法は知っていますが、このブール値の状態を Navbar から Sidebar に渡すのに苦労しています。