这是前端代码: <el-dialog :visible.sync="showInterOrderDialog"></el-dialog> 这是前端script: import { latest } from "@/api/wms/inter-order"; data() { return { }; }, mounted() { this.showInterOrderDialog = false; latest().then(response => { const interOrder = response.data; this.lastInterOrderId = interOrder.id; }).catch(error => { console.error("报错信息:", error); }); this.pollLatestInterOrder(); }, methods: { newMessage() { }, async pollLatestInterOrder() { this.timer = setInterval(async () => { // 将时器赋值给实例属性 }, 5000); // 轮询间隔,这里设置为5秒 }, }, 登录之后,我想将前端的userId传递给后端接口,能帮我改改api和前端script代码吗
时间: 2024-02-14 13:35:59 浏览: 131
前端代码
可以的,根据你提供的代码,可以在请求后端接口时添加一个参数来传递userId。以下是修改后的代码:
前端script:
import { latest } from "@/api/wms/inter-order";
data() {
return {
showInterOrderDialog: false,
userId: ''
};
},
mounted() {
this.showInterOrderDialog = false;
this.userId = "123456"; // 假设userId为123456
latest(this.userId).then(response => { // 将userId作为参数传递给latest函数
const interOrder = response.data;
this.lastInterOrderId = interOrder.id;
}).catch(error => {
console.error("报错信息:", error);
});
this.pollLatestInterOrder();
},
methods: {
newMessage() {},
async pollLatestInterOrder() {
this.timer = setInterval(async () => {
latest(this.userId).then(response => {
const interOrder = response.data;
this.lastInterOrderId = interOrder.id;
}).catch(error => {
console.error("报错信息:", error);
});
}, 5000);
},
},
API代码:
public function latest($userId) // 将$userId作为参数传递给函数
{
$interOrder = InterOrder::orderBy('created_at', 'desc')->first();
$interOrder['user_id'] = $userId; // 将$userId添加到返回的数据中
return response()->json($interOrder, 200);
}
注意:这里假设userId为"123456",实际使用时需要根据你的业务逻辑获取userId的值。
阅读全文