не работает selected in option vue.js

<template>
 <select v-model="employee.roles.roles"
   <option v-for="option_role in options_roles" :value="option_role.slug" :selected="hasRole(option_role.slug)">
      {{option_role.name}}
   </option>
 </select>
</template>
<script>
   data() {
     return {
        employee:{
          roles:{
            roles: []//данные приходят с сервера
          }
        },
        //Все роли
        options_roles:[
                   {
                       slug: 'manager',
                       name: 'Менеджер'
                   },
                   {
                       slug: 'seller',
                       name: 'Продавец'
                   },
               ],
    }
   },
   methods: {
     hasRole(role){
        const roles = this.employee.roles.roles

        for (const roleKey in roles) {
            if (roles[roleKey].slug === role){
                return true
            }
        }
        return false
    },
   }
</script>