效果图
前端页面
<tr v-for="(ar,index) in arList" v-on:mouseenter="showtt(index)">
<td>{{index}}</td>
<td>{{ar.id}}</td>
<td>{{ar.title}}</td>
<td>{{ar.authorid}}</td>
<td>{{ar.createtime}}</td>
<td v-if="ar.state == '0'">审核中</td>
<td v-else-if="ar.state == '1'">审核未通过</td>
<td v-else="ar.state == '2'">审核已通过</td>
<td>
<button @click="findOne(company.id)" type="button">修改</button>
<button @click="deleteOne(company.id)" type="button">删除</button>
</td>
</tr>
js
new Vue({
el:"#app",
data:{
arList : [],
company : {"id":""},
titt :""
},
methods:{
showtt(index){
console.log(this.arList[index].title);
this.titt = this.arList[index].title;
},
findall(){
axios.get("/api/exam-user/ar").then(resp=>{
console.log(resp.data);
this.arList = resp.data;
})
}
},
created(){
this.findall();
}
})