Python “固定”;v-bind表达式的值不能为空;
我是Vue.js开发的初学者。 我刚刚用Python+Django+Vue构建了一个新项目 我面对这个问题: v-bind表达式的值不能为空。在“v-bind”中找到: 我的Vue代码如下:(testdjango.Vue)Python “固定”;v-bind表达式的值不能为空;,python,django,vue.js,Python,Django,Vue.js,我是Vue.js开发的初学者。 我刚刚用Python+Django+Vue构建了一个新项目 我面对这个问题: v-bind表达式的值不能为空。在“v-bind”中找到: 我的Vue代码如下:(testdjango.Vue) 我希望有人能帮助解决这个问题。谢谢…您的:和标签上的键之间有一个空格。使用短绒来避免此类问题是很好的,使用短绒可以简单地避免这些问题,并且您不会在这些小问题上浪费太多时间。我建议使用Eslint您在上的:和键之间有一个空格。您在哪里安装Vue.js实例新建Vue({…})?您
我希望有人能帮助解决这个问题。谢谢…您的
:
和
标签上的键之间有一个空格。使用短绒来避免此类问题是很好的,使用短绒可以简单地避免这些问题,并且您不会在这些小问题上浪费太多时间。我建议使用Eslint您在
上的:
和键之间有一个空格。您在哪里安装Vue.js实例<代码>新建Vue({…})
?您需要在组件中设置formData
变量。谢谢!我解决了!
<template>
<div id="mineapp">
{{msg}}
<form @submit.prevent ="submitNote">
<label>Title</label>
<input type="text" v-model="formData.title"/>
<label>Content</label>
<textarea v-model="formData.content"></textarea>
<br/>
<button type="submit">Submit</button>
</form>
<br/>
<h1>All Notes</h1>
<ul>
<li v-for="(note, index) in notes" : key="index">
<h3>{{note.title}}</h3>
<h5>Created on{{note.created}}</h5>
<p>{{note.content}}</p>
</li>
</ul>
</div>
export default{
fetchNotes(method, params, data){
if(method ==='post'){
return ajax('api/notes/', method,{data})
} else{
return ajax('api/notes/', 'get', {})
}
function ajax(url,method,options){
if(options !== undefined){
var{params=[], data={}} = options
} else{
params = data = {}
}
return new Promise((resolve, reject)=>{
axios({
url,
method,
params,
data
}).then(res => {
resolve(res)
}, res=>{
reject(res)
})