element表单动态控制是否必填

问题：有四种发票类型，当类型为纸质专票时，可以不输入校验码，其他三种情况都必须输入校验码。

解决方式：动态控制表单的rules

代码：

...
            <!--            纸质专票无需输入校验码-->
            <el-form-item label="校验码后六位" prop="checkCode"
                          :rules="invoiceInfo.invoiceType == 2 ? [{required: false}]:rules.checkCode">
                <el-input v-model="invoiceInfo.checkCode" autocomplete="off" placeholder="请输入校验码后六位"
                          clearable=""></el-input>
            </el-form-item>
...

data() {
            return {
                ...
                rules: {
                    checkCode: [
                        {required: true, message: '请输入校验码后六位', trigger: 'blur'}
                    ],
                    ...
                }
            }

核心代码：

:rules="invoiceInfo.invoiceType == 2 ? [{required: false}]:rules.checkCode"

根据invoiceInfo.invoiceType的值，改变使用的rules；

页面效果：

切换成纸质专票，小红点消失了。