在 select 选项 vuejs 中显示经过身份验证的用户

Question

我有一个表格，我想用一些用户填写 select 选项，如果选项 ID 等于登录用户，那么它将设置为 selected 选项。

<div class="flex flex-col mb-4 md:w-full">
    <label for="seller_id">Vendedor</label>
    <select v-model="registration.seller_id" name="seller_id">
          <option disabled>Vendedor</option>
          <option v-for="seller in sellers" :key="seller" :value="seller.id" v-bind:selected="seller.id == this.$page.props.user.id">{{ seller.name }}</option>
    </select>
</div>

这是脚本

<script>
export default {
props: {
    sellers: {
        type: Array,
        required: true
    },
},
data() {
    return {
        step:1,
        showModal: false,
        registration:{
            seller_id: null,
            name:null,
            email:null,
            rg:null,
            cpf:null,
            rural_productor_code:null,
            birthday:null,
            street:null,
            city:null,
            state:null,
        }
    }
   },
};
</script>

当我在选项中打印条件时，它显示为 true，但当前用户不是 selected。

Answer 1

这取决于您将当前用户状态保存在何处。在

created() {
// You assign your logged Seller Id or null if no user signed in
this.registration.seller_id = yourLoggedUser.id || null
}

在 select 选项 vuejs 中显示经过身份验证的用户

show Authenticated user in select option vuejs

inertiajs

vuejs3

laravel-8