Consider a component with the HTML structure outlined below:
<template>
<div class="row">
<div class="innerRow">
<div class="outterLabel">
<label class="labelCss">{{label}}</label>
</div>
<div class="outterField">
<span style="float: none; position: absolute;">
<select ref="selectField">
<option v-for="item in list">{{item.name}}</option>
</select>
</span>
</div>
</div>
</div>
</template>
If you are looking to pass v-on events specifically to the <select> element rather than the top-level <div>, is there a way to accomplish this in Vue?
Appreciate any insights or advice!