Vue v-for 和v-if不能同时使用解决方案
Vue v-for 和v-if无法同时使用,在二次封装form表单时候,根据需求:有的form-item 需要隐藏如下代码:当 form表单需要v-if 判断显示隐藏,第一个代码块无法支持,第二个代码块可以支持.<el-form:size="size"inline:label-width="labelWidth"...
·
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>
更多推荐
已为社区贡献6条内容
所有评论(0)