Using Vue how do you call a function when a user clicks on a bootstrap-selectpicker option

I have multiple selectpickers in a vue component when a user clicks on an option I want to call a function passing in an id

<tr v-for="(content) in searchResults" v-bind:key="content.id">
   <td>{{ content.title}}</td>
    <td>
        <select class="selectpicker">
            <option value="" selected disabled>Select Option</option>
            <option value="Reject" @v-on:click="rejectArticle(content.id)">Reject</option>
            <option value="Preview" @v-on:click="previewArticle(content.id)">Preview</option>
            <option value="Approve" @v-on:click="approveArticle(content.id)">Approve</option>
        </select>
    </td>
</tr>

However this is wrong. What is the correct way to accpomplish this?