1.0 判断数组长度添加空行，5个空行

最新推荐文章于 2024-10-01 17:17:19 发布

xumengxia—xu

最新推荐文章于 2024-10-01 17:17:19 发布

阅读量966

点赞数 1

分类专栏：海关项目小结文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_56514785/article/details/121292228

版权

海关项目小结专栏收录该内容

3 篇文章 0 订阅

订阅专栏

该博客展示了如何使用 Vue.js 的 `v-for` 和 `v-if` 指令进行模板渲染和条件控制。`v-for` 用于循环遍历菜单项，而 `v-if` 则根据 `menuitem` 数组的长度显示不同内容。示例中，`menuitem` 包含五个具有相同属性的业主对象。

摘要由CSDN通过智能技术生成

<div v-for="(item, index) in menuitem" :key="index" >
     <div>8888</div>
</div>

<div v-if="this.menuitem.length <=4">4444</div>
<div v-if="this.menuitem.length <=3">3333</div>
<div v-if="this.menuitem.length <=2">2222</div>
<div v-if="this.menuitem.length <=1">1111</div>
<div v-if="this.menuitem.length <=0">0000</div>

 data: function() {
        return { 
         
          menuitem:[
           {title: '业主',state:'未迁入',}，
           {title: '业主',state:'未迁入',}，
           {title: '业主',state:'未迁入',}，
           {title: '业主',state:'未迁入',}，
           {title: '业主',state:'未迁入',}，],
         }
      }