iView表单自定义验证和动态增减项验证

使用iveiw验证做后台管理系统的时候，遇到一个动态添加表单，并验证的一个需求，这里整理一下

实现效果

代码实现

<div v-for="(ship,shipIndex) in applectionForm.shipList" :key="shipIndex">
        <Form-item
            class="lef"
            label="快递名称"
            :prop="'shipList.'+ shipIndex +'.shipTypeText'"
            :key="'shipTypeText' + ship.key"
            :rules="{
                required: true,
                message: '快递名称不能为空',
                trigger: 'blur'
            }">
            <Input v-model="ship.shipTypeText" placeholder="选择快递名称"/>
        </Form-item>
        <Form-item
            class="lef unit"
            label="快递单号"
            :prop="'shipList.' + shipIndex + '.shipTradeNo'"
            :key="'shipTradeNo' + ship.key"
            :rules="{
                required: true,
                message: '快递单号不能为空',
                trigger: 'blur'
            }">
                <Input
                type="text"
                placeholder="请输入快递单号"
                clearable
                v-model="ship.shipTradeNo"
            />
            <Icon v-if="shipIndex==0" type="md-add-circle" size="30" color="#2d8cf0" style="cursor: pointer;"
            @click="addShipList" />
            <Icon v-else type="md-remove-circle" size="30" color="#2d8cf0" style="cursor: pointer;"
            @click="remove(shipIndex)" />
        </Form-item>
    </div>