vue中点击显示隐藏

最新推荐文章于 2024-03-22 08:00:00 发布

疯喵喵

最新推荐文章于 2024-03-22 08:00:00 发布

阅读量7.9k

点赞数

分类专栏：知识文章标签： vue

本文链接：https://blog.csdn.net/fgg9655/article/details/78174464

版权

知识专栏收录该内容

12 篇文章 0 订阅

订阅专栏

写v-if判断异步数据是否加载

<div v-if="seller.supports" class="suppor-count" @click="show">
  <span class="count">{{seller.supports.length}}个</span>
  <span class="icon-keyboard_arrow_right"></span>
</div>

<div v-show="detailShow" class="detail"></div>

@click="方法名"绑定click事件

script

export default { 
  props: {                  //异步数据
    seller: {
      type: Object
    }
  },
  data() {              
    return {
      detailShow: false          //默认值
    };
  },
  methods: {
    show() {
      this.detailShow = true;         //show方法
    }
  },