javascript - VueJs 使用 Axios 发布。错误变量未定义

Question

我有这个代码

<script>
import axios from 'axios';
class Local {
    constructor(adress, city, contact){
        this.adress = adress;
        this.city = city;
        this.contact = contact;
    }
}
export default {
  data(){
      return{
          local: new Local()
      }
  },
    methods:{ 
        addLocal(){
            axios.post("http://localhost:3000/api/local",{
                local: new Local()    
            })
            .then(res => console.log(JSON.res))
            .catch(err => console.log(err));
            local = new Local();
        }
    }
}

</script>

<form @submit.prevent="addLocal">
                            <div class="form-input">
                                <input type="text" v-model="local.adress" class="form-control" placeholder="Adress">
                            </div>
                            <div class="form-input">
                                <input type="text" v-model="local.city" class="form-control" placeholder="City">
                            </div>
                            <div class="form-input">
                                <input type="text" v-model='local.contact' class="form-control" placeholder="Contact">
                            </div>
                            <br>
                            <button class="btn btn-primary  btn-block">Ready.</button>
                            <button class="btn btn-danger btn-block">Cancel</button>
                        </form>

这个问题是有些像这样可以从de class中识别本地，有什么问题吗？？？最好使用 vue-resource 吗？我对这些回应持开放态度。谢谢。

Answer 1

当你执行new Local()时，你需要向它传递参数。因此将创建的对象将具有定义的属性。

new Local('my address', 'my city', 'my contact')