Vue if判断显示隐藏
//当我选择个人的时候显示ROW<Select v-model="model11" multiple filterable @on-change="choosePer()"><Optionv-for="item in cityList":value="item.val...
·
//当我选择个人的时候显示ROW
<Select v-model="model11" multiple filterable @on-change="choosePer()">
<Option
v-for="item in cityList"
:value="item.value"
:key="item.value"
>{{ item.label }}</Option>
</Select>
//我隐藏谁就在谁身上添加 if
<Row class="w_bg" v-if="a.p_show">
<Col span="16">
<FormItem label="对象名单">
<div class="Unitreception">
<div v-for="(item,index) in model10" :key="index">
<tag closable style="float:left">{{item}}</tag>
</div>
<div v-for="(item,index) in model11" :key="index">
<tag closable style="float:left">{{item}}</tag>
</div>
</div>
</FormItem>
</Col>
</Row>
//data部分
a: {
p_show: false
}
//如果我选择的select model11有数据 就显示
choosePer() {
if(this.model11.length == 0){
this.a.p_show=false;
}else{
this.a.p_show=true;
}
}
//然后 v-for循环添加
更多推荐
已为社区贡献7条内容
所有评论(0)