[Vue 警告]：属性或方法“msg”未在实例上定义，但在渲染期间被引用。 （“内容”）...等

Question

我的查看页面代码

<div id="app">
@{{ msg }}
@{{ content }}

在此处使用表单

<form method="post" enctype="multipart/form-data" v-on:submit.prevent="addPost">
                      <textarea v-model="content" id="postText" class="form-control"></textarea>
                <button type="submit" id="postBtn">Post</button>
            </form></div>

这是我的 app.js 代码

const app = new Vue({
    el: '#app',

在此处返回数据 数据： { 返回：{ msg: '发帖:', 内容： ''， bUrl: 'http://localhost:8888/pathikhome', } }, 方法： { 获取 addpost 数据

        addPost(){
            axios.post(this.bUrl +'/addPost', {
                content: this.content
            })
                .then( (response) =>{
                    this.content="";
                    console.log('saved successfully'); // show if success
                    if(response.status===200){
                        app.posts = response.data;
                    }
                })
                .catch(function (error) {
                    console.log(error); // run if we have error
                });
        }
    }
});

Answer 1

试试这个代码：

    data: {
        msg: 'Make Post:',
       content: '',
       bUrl: 'http://localhost:8888/pathikhome',
     },

而不是你的代码：

  data: {
     return:{
        msg: 'Make Post:',
      content: '',
      bUrl: 'http://localhost:8888/pathikhome',
     }
   },

因为在您的代码中，您试图从一个对象返回一个对象。