<i class="el-icon-error" v-if="ele.state==0" style="color:#337AB7;float:right;margin-right:15px"></i>
</div>
<div class="content" v-for="(ele,index) in item.lscm" :key="index" v-if="index>=5 && item.mark==0" @click="changebq(index1,ele.namech,index,ele.state)" style="cursor:pointer">
{{ele.namech}}
<!--<el-button>{{show}} +'show'+{{index1}}+ {{index}}</el-button>-->
<!--<i class="el-icon-error" v-if="show==index" style="color:#337AB7;float:right;margin-right:15px"></i>-->
<i class="el-icon-error" v-if="ele.state==0" style="color:#337AB7;float:right;margin-right:15px"></i>
</div>
<div class="footer" v-if="item.mark==1&&item.lscm&&item.lscm.length>5" @click="xsqb(index1,item.mark)">
显示全部
</div>
<div class="footer" v-if="item.mark==0"@click='shouqi(index1,item.mark)'>
收起
</div>
</div>
</div>
changebq(index1,val, index,state) {
// console.log(index, "index")
console.log(val, "val")
console.log(state, "state")
// state=0
console.log(state, "changestate")
this.tableData[index1].lscm[index].state = state==0?1:0;
if (this.checkList.indexOf(val) > -1) {
let index = this.checkList.indexOf(val)
this.checkList.splice(index, 1)
} else {
this.checkList.push(val)
}
console.log(this.checkList, 88)
},
xsqb(index,mark){
this.tableData[index].mark=0
},
//收起
shouqi(index,mark){
this.tableData[index].mark=1
}
总结
以上所述是小编给大家介绍的Vue.js 实现数据展示全部和收起功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
