実現したいこと
vueで生成されたtd要素の値を取得したい
前提
https://web-breeze.net/spreadsheet-htmlview-tool/
こちらのページを参考にさせて頂きカスタマイズしようとしていますがVueについてよくわからず質問させてください。
trに対して「クリックしたら反応」はv-onでかないました。そこでクリックされたら自身のIDを取得して〇〇、という流れにしたいのですが、そもそもその前のテーブル要素をhtmlに生成する際、個別のIDを付与したい、その部分がわかりません。
本来であれば一番初めのtd要素にだけidが付与できれば良いのですが全部のtdでもこの際構いません。重複しなければよいと思いますのでindexを使いたかったのですがそれもうまく付与できませんでした。
該当のソースコード
html(一部抜粋)
1 <table class="table is-striped is-hoverable" style="white-space: nowrap; position: relative;"> 2 <thead> 3 <tr> 4 <th v-for="key in keys">{{ key.replace(/:.*$/,"") }}</th> 5 </tr> 6 </thead> 7 <tbody> 8 <template v-for="record in records"> 9 <tr v-if="checkCondition(record)" v-on:click="onClick()"> 10 <td v-for="item in record">{{ item }}</td> 11 </tr> 12 </template> 13 </tbody> 14 </table>
試したこと
例えば
<td v-for="item,index in record" id={index}>{{ item }}</td> 等試してみましたが、おそらく見当違いなことをしていると思います。補足情報(FW/ツールのバージョンなど)
初心者で大変申し訳ありません、よろしくお願いします。

回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。