vue2.0 veevalidate

Question

1、由于业务需要，一些html元素需要隐藏，但是在用validateALL（）时，把隐藏的元素也验证就导致无法保存成功。条件切换用的是v-if。
2、动态给定input name的值 会导致隐藏的input name 与前一个name值一直。
列如: <el-row v-if="seen">

    <el-col :span="4" class="text-right">
        记录单类型：
    </el-col>
    <el-col :span="20">
        <el-select v-model="formData.QRECORDTYPE" placeholder="请选择" size="mini" v-validate="'required'" :name="typeName" >
            <el-option v-for="item in options" :label="item.label" :value="item.value">
            </el-option>
        </el-select>
        <span v-show="errors.has('formData.QRECORDTYPE')" class="spanWarn">{{errors.first('formData.QRECORDTYPE')}}</span>
    </el-col>
</el-row>

<el-row v-if="seen">
    <el-col :span="4" class="text-right">
        记录单编号：
    </el-col>

    <el-col :span="8">
        <input type="text" v-model="formData.QRECORDCODED" class="elementInput" v-validate="'required'" :name="qrCode" />
        <span v-show="errors.has('formData.QRECORDCODED')" class="spanWarn">{{errors.first('formData.QRECORDCODED')}}</span>
    </el-col>

     <el-col :span="12">
         <el-button type="primary" size="mini" @click="fetch('qrecord')">提取信息</el-button>
     </el-col>
</el-row>


<el-row v-if="navy">
    <el-col :span="4" class="text-right">
        申报单编号：
    </el-col>

    <el-col :span="8">
        <input type="text" v-model="formData.INSPCODE" class="elementInput" :name="inspCode" v-validate="'required'"/>
        <span v-show="errors.has('formData.INSPCODE')" class="spanWarn">{{errors.first('formData.INSPCODE')}}</span>
    </el-col>

     <el-col :span="12">
         <el-button type="primary" size="mini" @click="fetch('insp')">提取信息</el-button>
     </el-col>
</el-row>