次の項目のタイムライン: vue 3 このような場合どのようにすれば実現できるでしょうか?
現在のライセンス: CC BY-SA 4.0
4 件のイベント
日時 書式を切り替える | 内容 | ユーザー | ライセンス | コメント | |
---|---|---|---|---|---|
2022年1月21日 8:02 | コメント | 追加済み | oriri | まぁほぼボタンだけのコンポーネントにしたとしても, それが Web UIのパーツとして歪な形(まとまり)でないのなら構わないのでは | |
2022年1月21日 7:56 | コメント | 追加済み | oriri | それぞれの項目をコンポーネントにするなら, ユーザー名, 投稿内容, 〜 各種ボタンまですべてになるかもです。投稿内容に関するパーツとしてひとまとめに扱いたいすべての要素 (どの様に扱いたいか, 扱うべきなのか, の設計) | |
2022年1月20日 12:03 | コメント | 追加済み | ryo | ありがとうございます。 該当の箇所確認しました。 <todo-item v-for="(todo, index) in todos" v-bind:key="todo.id" v-bind:title="todo.title" v-on:remove="todos.splice(index, 1)" ></todo-item> 上記は該当のドキュメントのコードの一部ですが、v-for は <todo-item>コンポーネントの中でループを行ってその個数分を表示するという処理になると思います。 一方、私のしたいことを単純化した例を示すと、たとえば、<button>要素をループさせたいとして、 たとえば、<div><article><button>メニュー</button></article><article><button>メニュー</button></article></div> のようなHTMLだったとして、ループ対象の<button>同士の間にはそれぞれの親要素である<article>が存在しています。 このような場合<todo-item>コンポーネントの中に<article>までを含める必要があるということでしょうか? できれば<button>のみをコンポーネントにしたいと考えます | |
2022年1月18日 14:06 | 履歴 | 回答済み | oriri | CC BY-SA 4.0 |