Vue v-for 和v-if无法同时使用,在二次封装form表单时候,根据需求:有的form-item 需要隐藏
如下代码:当 form表单需要v-if 判断显示隐藏,第一个代码块无法支持,第二个代码块可以支持.

  <el-form
        :size="size"
        inline
        :label-width="labelWidth"
        :model="searchData"
        ref="searchData"
        :rules="rules"
        class="formClass"
      >
		 <el-form-item
		          v-for="item in searchForm"
		          :label="item.label"
		          :key="item.prop"
		          :prop="item.prop"
		          :label-width="item.width"
		        >
		 </el-form-item>
    </el-form>

<el-form
        :size="size"
        inline
        :label-width="labelWidth"
        :model="searchData"
        ref="searchData"
        :rules="rules"
        class="formClass"
      >
        <template v-for="(item,index) in searchForm">
          <el-form-item
            v-if="item.isFormItemShow"
            :label="item.label"
            :key="item.prop"
            :prop="item.prop"
            :label-width="item.width"
          >
          	</el-form-item>
        </template>
      </el-form>