コンポーネント内のmountedでgetElementsByClassNameを呼び、子コンポーネントに値を渡す処理をしています。
このコンポーネントを複数使用するページの場合、getElementsByClassNameでページ内で一致するクラスのすべての配列が取得できてしまいますが、これをコンポーネント単位で取得し子コンポーネントに値を渡したいのですがどのようにしたらよいでしょうか?
vue
1<template> 2 <div> 3 <div> 4 <div> 5 <div v-for=""> 6 <child-component 7 class="AAA" 8 :val-a="valA" 9 /> 10 </div> 11 </div> 12 </div> 13 </div> 14</template>
vue
1mounted() { 2 const a= document.getElementsByClassName("AAA") 3 const b = <aを使っていろいろ計算した値> 4 this.valA = b 5}
・上記のコンポーネントをページで複数使う。
・AAAクラスの要素配列からいろいろ計算した値をvalAに入れて子コンポーネントに渡したい。
・AAAクラスの要素配列の取得をコンポーネントごとに行い子コンポーネントにわたす値もコンポーネントごとに行いたい。
(複雑なので関係ない要素は消したりしていますが、DOMの構成はこんな感じです。
回答2件
あなたの回答
tips
プレビュー