Vue if判断显示隐藏

最新推荐文章于 2024-07-26 23:52:22 发布

Lvdon9

最新推荐文章于 2024-07-26 23:52:22 发布

阅读量1.6w

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37995109/article/details/86365297

版权

JavaScript 专栏收录该内容

106 篇文章 0 订阅

订阅专栏

//当我选择个人的时候显示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循环添加