00.stencil:03.stencilの_propと_state
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
00.stencil:03.stencilの_propと_state [2019/09/26] – [@state()の解説のリンク] adash333 | 00.stencil:03.stencilの_propと_state [2019/09/26] (現在) – [@state()の解説のリンク] adash333 | ||
---|---|---|---|
行 67: | 行 67: | ||
https:// | https:// | ||
- | 親コンポーネント で、 | + | コンポーネント |
< | < | ||
@State() holdings: Holding[] = []; | @State() holdings: Holding[] = []; | ||
- | <code/> | + | </code> |
- | とすることで、 | + | と、holdingsに@State()をつけることで、 |
+ | < | ||
+ | componentDidLoad() { | ||
+ | const router = document.querySelector(" | ||
+ | // Refresh data every time view is entered | ||
+ | router.addEventListener(" | ||
+ | const holdings = await Holdings.getHoldings(); | ||
+ | this.holdings = [...holdings]; | ||
+ | }); | ||
+ | } | ||
+ | </ | ||
+ | により、ページのアドレスが変化するたびに、holdingsが再描画されて、表示されるものが最新のものになるようにしています。 | ||
00.stencil/03.stencilの_propと_state.txt · 最終更新: 2019/09/26 by adash333