vue 项目使用elementUI组件 <复选框> <表单>等遇到的一些问题

1、复选框

v-model绑定的对象必须是数组类型的；

v-model绑定的对象必须定义在data函数的第一层，不能用对象包裹着；

data() {
    return {
        checked: [], // 可以被绑定   
        checked: null, // 不可以被绑定
        obj: {
            checked: [], // 不可以被绑定
        }
    }
}

2、表单

当使用prop传入必输的逻辑时，el-form-item不能被v-if标签，只能使用v-show

<el-form-item :label="labelObj['activityType']" prop="activityType"
    v-show="ruleForm.activityClassify == '本店活动'">
    <el-select v-model="ruleForm.activityType" clearable placeholder="请选择">
        <template v-for="(item) in activityTypeList">
            <el-option :key="item.id"
                :label="item.objective" 
                :value="item.id"></el-option>
        </template>
    </el-select>
</el-form-item>

this.rules['activityType'] = [
    { required: true, message: '请选择活动类型', trigger: 'change'}
]