Почему форма не может проверить выбранное значение в vue?

Question

Мой компонент формы:

<Form ref="addBrand" :model="addBrand" :rules="addRules" :label-width="80" :inline="true">
    <FormItem label="品牌名称:" prop="name">
        <Select v-model="addBrand.name" @on-change="updateBrandList">
            <Option v-for="(item,index) in brandInfoList" :value="index">{{item.brandName}}</Option>
        </Select>
    </FormItem>
</Form>

форма проверяет правила:

addRules: {
    name: [{
        required: true,
        message:'请选择品牌',
        trigger: 'change',
    }],
    line: [{
        required: true,
        message: '请选择所属线路',
        trigger: 'blur',
    }],
},

когда я проверяю так:

this.$refs[name].validate((valid) => {
    if (valid) {
        //do something
    } else {
        this.$Message.error('表单验证失败!');
    }
});

Я уже выбрал элемент, но он все еще показывает мне сообщение о недопустимом значении: