为什么表单无法验证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('表单验证失败!');
    }
});

我已经选择了一个项目，但是它仍然显示无效值的消息：