vue页面全屏及跳转新的页面
vue页面全屏显示及跳转新的页面<template><div class="homebox" style="background-color: darkcyan"><span>hello</span></div></template><script>export default {...
·
vue页面全屏显示及跳转新的页面
<template>
<div class="homebox" style="background-color: darkcyan">
<span>hello</span>
</div>
</template>
<script>
export default {
name: 'AtlasManager',
methods:{
//跳转新的页面
toAiops(){
let routeData=this.$router.resolve({path:'/atlasTable',query:{downTrueUpFalse:'false'}});
window.open(routeData.href,'_blank')
// 新页面接收数据:
// if (this.$route.query.downTrueUpFalse=='true')
}
}
}
</script>
<style >
html,
body,
#app,
.homebox{
padding: 0px;
margin: 0px;
height: 100%;
}
</style>
ajax请求:
post:
getDataList(){
this.$http.post(this.baseUrl+'/RobotManagement/getRobotList',{
...this.dataForm,
pageNum:this.page,
pageSize:this.limit
}).then(({data:res})=>{
if (res.IsError =="false"){
this.dataList = res.Data.list
this.total=res.Data.total
}else{
return this.$message.error(res.Message)
}
})
},
delete:
deleteHandle(id){
this.$confirm('是否删除该信息?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
//注意delete请求的 ` ` 符号而不是‘’
this.$http.delete(this.baseUrl+`/RobotManagement/deleteRobotById/${id}`).then(({data:res})=>{
if (res.IsError =='false'){
//刷新页面
this.getDataList();
return this.$message.success(res.Message)
}else {
return this.$message.error(res.Message)
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消关闭操作'
});
});
},
更多推荐
已为社区贡献1条内容
所有评论(0)