列表图片渲染以及判断状态的展示
首先公司名称获取列表数据 我这边公司名称的HTML就不写了
1列表中图片展示gridData.row获取一行数据然后图片渲染
2判断如果我存起来的公司名称和列表中的公司名称相同的情况下列表后面展示使用中不相同就展示使用
关于获取一行数据
<el-table :data="gridData" :show-header="false">
<el-table-column width="60" property="">
<template slot-scope="gridData">
<img :src="gridData.row.tabIconUrl" width="40" height="40"/>
</template>
</el-table-column>
<el-table-column width="200" property="companyName"></el-table-column>
<el-table-column property="companyName">
<template scope="scope">
<div v-if="scope.row.companyName == currentCompanyName">使用中</div>
<div v-else>使用</div>
</template>
</el-table-column>
</el-table>
data() {
return {
currentCompanyName:this.$cookie.get('currentCompanyName'),
};
},
methods: {
listCompany(){
var $cookie = this.$cookie;
this.$cookie.get('token')
this.$cookie.get('currentCompanyName')
this.$axios({
url:'地址',
method: 'post',
data: {
param:JSON.stringify({})
},
headers:{
Authorization:this.$cookie.get('token'),
}
}).then(result =>{
this.gridData = result.data.data
console.log(this.gridData)
}).catch((error)=>{
//判断是否是401
});
}
},