vue3 页面滚动到指定位置

<ul>
	<li v-for="(dtl, q) in list" :key="q" ref="listref">
		<component :is="tab[q].cropName" :size="20"></component>
	</li>
</ul>
<button class="mr10" @click="onRollBtn(row, $index)">定位题目</button>


const listref= ref<HTMLElement[]>([]);

function onRollBtn(row,index) {
	const listItem = listref.value[index];
  if (listItem) {
    listItem.scrollIntoView({ behavior: "smooth" }); // smooth滚动效果
  }
}