将变量从前端传递到后端

Question

我有一个vue js项目与前端，我有一个字段与变量，我想当它改变它会去后端和改变那里也有任何想法?该变量的长度如下代码

所示。

app.get('/payments', (request, response) => {
response.set('Access-Control-Allow-Origin','*')
let payments = []

db.collection("payments").where("id", "==", idtag).get().then(snapshot => {
snapshot.forEach((doc) => {
console.log(doc.id, '=>', doc.data())
payments.push(doc.data())
})
response.send(payments)
console.log('payments:',payments)
})
})

这是前端

export default defineComponent({
setup () {
const loadinga = ref(false)
const idtag=ref(null)
const filter = ref('')
return {
events: [ '2019/02/01', '2019/02/05', '2019/02/06' ],
date : ref('2019-02-22 21:02'),
columns,
loadinga,
idtag,

Answer 1

让ID成为请求url的一部分:

// backend assuming this is express
app.get('/payments/:id', (request, response) => {
// use the id in some way
const idtag = req.params.id;
...
});

在您的前端代码中，您需要监视idTag并在每次它更改时发起一个新请求。

// frontend
import { defineComponent, ref, watch } from "vue";
export default defineComponent({
setup() {
const idtag = ref(null);
watch(idtag, (newValue, oldValue) => {
fetch(`/payments/${newValue}`)
.then(raw => raw.json())
.then(data => {
// do something with the data
console.log(data)
})
.catch(console.warn);
});
return { idtag };
}
})

如果您需要立即运行，您应该使用watchEffect。但是因为你的值一开始是空的，我不认为这是情况。