我试图将一些Vue数据传递给axios.post请求，但使用Vue模板传递它不起作用。我该如何传递数据呢？
我的代码：
<body>
<div id="app" class="container">
<div>
<input type="text" name="username" placeholder="Username" v-model="loginForm.username">
<input type="password" name="password" placeholder="Password" v-model="loginForm.password">
<input type="submit" value="Login" v-on:click.prevent="loginUser()">
</div>
<script>
var app = new Vue({
el: "#app",
delimiters: ['[[', ']]'],
data: {
loginForm: {
username: "",
password: ""
},
},
methods: {
loginUser() {
axios.post('/rest-auth/login/', {
// Using delimeters so [[ foo ]] but still doent work
username: [[ loginForm.username ]],
password: [[ loginForm.password ]],
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
</body>仅供参考[ loginForm.username ]和[ loginForm.password ]在HTML中呈现良好(作为文本)。
转载请注明出处:http://www.hnph-smd.com/article/20230526/1388701.html