vue.js - プロパティでdomからv-forアイテムを選択する最も簡単な方法は?

Question

私は取引のリストを次のようにレンダリングしています:

<deal :deal="deal"
      v-for="(deal, index) in deals"
      :key="index"
      ref="deals"
      @click.native="setScrollLocation(deal.id)">
</deal>

idメソッドに渡されていることがわかるように、取引にはプロパティがありますsetScrollLocation。

DOM から特定の取引 ID を持つ要素を選択するにはどうすればよいですか?

data-attribute のようなものを使用して、次のように単純に取引 ID を設定できます。

<deal :data-deal-id="deal.id"></deal>

document.querySelectorこれで、 のようなものを使用してクエリできるものがありthis.$el.querySelectorます。

querySelectorこれは耐障害性がないため、コンポーネント内でa のようなものを使用しないことを好みます。これを行うためのより良い方法は何でしょうか?