我是在 vue 中使用 fetch 請求的新手。我有一個很好用的 fetch 請求，但想修改屬性以使用在模型中找到的資料。現在它對其中的所有內容進行硬編碼，但需要一些動態屬性，例如標題是否來自輸入欄位或推薦代碼來自 cookie。
new Vue({
el: "#app",
data: {
title:"jjj",
kol_referrer:localStorage.getItem('shell'),,
url:"https://shared/doggo%20(2).png"
},
methods: {
submit: function(){
fetch("", {
"headers": {
"accept": "*/*",
"accept-language": "en-US,en;q=0.9",
"content-type": "application/x-www-form-urlencoded",
"sec-ch-ua": "\" Not A;Brand\";v=\"99\", \"Chromium\";v=\"96\", \"Google Chrome\";v=\"96\"",
"sec-ch-ua-mobile": "?0",
"sec-ch-ua-platform": "\"macOS\"",
"sec-fetch-dest": "empty",
"sec-fetch-mode": "cors",
"sec-fetch-site": "same-origin"
},
"referrer": "",
"referrerPolicy": "strict-origin-when-cross-origin",
"body": "title=jjj&url=https://shared/doggo%20(2).png&opensInNewWindow=1&isXhr=true&requestId=2&kol_referrer=LxOfRIA4TdeWTYA0rT96AGz",
"method": "POST",
"mode": "cors",
"credentials": "include"
});
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<h2>Todos:</h2>
<button v-on:click="submit">Click</button>
</div>uj5u.com熱心網友回復：
只需使用帶反引號的模板文字：
submit: function() {
let myTitle = "myTitle"
let myKolReferrer = "foo"
fetch("", {
"headers": {
"accept": "*/*",
"accept-language": "en-US,en;q=0.9",
"content-type": "application/x-www-form-urlencoded",
"sec-ch-ua": "\" Not A;Brand\";v=\"99\", \"Chromium\";v=\"96\", \"Google Chrome\";v=\"96\"",
"sec-ch-ua-mobile": "?0",
"sec-ch-ua-platform": "\"macOS\"",
"sec-fetch-dest": "empty",
"sec-fetch-mode": "cors",
"sec-fetch-site": "same-origin"
},
"referrer": "",
"referrerPolicy": "strict-origin-when-cross-origin",
"body": `title=${myTitle}&kol_referrer=${myKolReferrer}`,
"method": "POST",
"mode": "cors",
"credentials": "include"
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/377038.html