Python “固定”;v-bind表达式的值不能为空;

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({…})?您

我是Vue.js开发的初学者。 我刚刚用Python+Django+Vue构建了一个新项目 我面对这个问题:

v-bind表达式的值不能为空。在“v-bind”中找到: 我的Vue代码如下:(testdjango.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)
    })