i have list of customer in vselect drop down list. i need to sort data according to first_name, last_name and middle_name, but the problem is lable attribute allows only one value here it is first_name, i need to add middle_name and last name to label to make sort according to them as well. i have tried binding label but it does not work, for eg: :lable="'first_name' || 'middle_name ' || 'last_name '".. data is still sorting according to first_name. can anybody help me in this.
<VSelect v-model="query_params.filer_type" label="first_name" ref="firm_user_lists" :options="firm_user_lists" placeholder="All filers" :resetOnOptionsChange="toggleResetOption" :reduce="filer_id => filer_id.id"
@input="filer_type => onChange()">
<template #selected-option="{first_name, middle_name, last_name}">
<template>{{ first_name }} {{ middle_name }} {{ last_name }}</template>
</template>
<template #option="{first_name, middle_name, last_name}">
<template>{{ first_name }} {{ middle_name }} {{ last_name }}</template>
</template>
</VSelect>