没有娃娃菜怎么吃火锅 进来随便坐
用vue写项目时遇到的问题
发布于: 2020-03-31 更新于: 2020-04-24 分类于: vue 阅读次数: 

1.如何获取对象的长度?(后台传过来搜索结果数据,在页面显示‘共为您找到#条相关结果’)

我获取到的数据为 res.data

1
2
let len = Object.keys(res.data)   //获取到key值
this.count = len.length //count就是计数的# 在data里

btw,Object.values可以获取value值

2. 渲染部分列表,只显示3条

只需要加上v-if="index < 3"

1
2
3
 <ul class="ul2">
<li class="list" v-for="(item, index) in notice" :key="index" v-if="index < 3"></li>
</ul>

3.根据数据的属性值动态决定按钮禁用状态与否

情景:根据图书是否被预约决定按钮是否禁用

1
2
3
4
//this.searchResultItem.status 是数据的属性值 
//三元运算符
<el-button :disabled="this.searchResultItem.status == 'idle' ? false : true" type="primary" >click me!
</el-button>
--- 本文结束 The End ---