一进入这个组件页面电脑内存就从40多一直上升到99 浏览器也会卡死 控制台也看不到返回值 不知道这是后台的问题还是前台的问题 我别的接口都没事 就只有这个接口是这样 弄了两天了也找不到原因 如果后台直接返回return 1;
的话没有内存异常的情况 或者只接收这个参数不做任何处理都没事
如果在浏览器地址栏直接访问http://localhost/douyin_laravel/public/index.php/api/file?name=20190715
的话也没异常 也可以看到返回值 但是通过代码访问就不行
大家知道这是什么问题吗?vue
<template>
<div class="app">
<div class="top">
<span>目录</span>
</div>
<div class="bottom">
<div class="nt1">
<span class="name">文件名</span>
</div>
<div class="nt" v-for="(item, index) in list" :key=index>
<div class="nt_top">
<div><el-checkbox v-model="item.checked" @change="change"></el-checkbox></div>
<div class="name">
{{item.name}}
</div>
<div class="time">
{{item.time}}
</div>
</div>
<div class="hr">
</div>
</div>
<div class="manage">
<el-checkbox v-model="checkall" @change="all">全选</el-checkbox>
<el-button size="mini" type="danger">删除</el-button>
</div>
</div>
</div>
</template>
<script>
import axios from 'axios'
export default {
name: 'File',
data () {
return {
checkall: false,
list: [
]
}
},
methods: {
change () {
},
all () {
if (!this.checkall) {
this.list.map((res) => {
res.checked = false
})
} else {
this.list.map((res) => {
res.checked = true
})
}
}
},
created () {
axios.get('http://localhost/douyin_laravel/public/index.php/api/file?name=' + this.$route.query.name).then((res) => {
this.list = res.data
})
}
}
</script>
<style scoped>
.app{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.top{width: 80%;height: 50px;align-items: center;display: flex;}
.bottom{width: 80%;border: 1px solid #ccc;}
.nt1{display: flex;width: 100%;flex-direction: row;border-bottom: 1px solid #ccc}
.nt{display: flex;width: 100%;flex-direction: column;}
.name{flex-grow: 6}
.time{flex-grow: 1}
.nt_top{display: flex;width: 100%;}
.hr{width: 100%;height: 1px;background-color: #ccc}
.manage{display: flex;justify-content: space-between;align-items: center;height: 50px;}
</style>
控制台network
Request URL: http://localhost/douyin_laravel/public/index.php/api/file?name=20190715
后台
Route::get('/file', 'DeleController@file');
public function file (Request $request) {
$input=$request->input('name');
return $input;
}
内存爆涨,浏览器卡死
一般是页面上有死循环或者是循环突破了极限。
如果是这种情况控制台日志应该有报错。
检查一下是不是有函数被相互调用了。
例如:复选框的change函数调用了另外的函数,另外的函数反过来又修改了复选框的值。