Vue - Cannot set property of undefined in promise
-
There's another common reason which I keep bumping into why you'll get this error message. If you use v-if rather than v-show to hide an item, it won't be in the DOM, won't load initially and won't be available to reference. I just spent a while working out why this gave the error message above:
vm.$refs.refpersonview.Person = ...The reason is that I'd conditionally hidden the component in a v-if block. Use v-show instead!
讨论(0) -
Use arrow function in promise then you can access 'this' object.
loadData: function() { Vue.http.get('/notifications').then(response => { console.log(response.data); //this.message = 'Something' }); }讨论(0) -
Your context is changing: because you are using the keyword function,
thisis inside its scope the anonymous function, not the vue instance.Use arrow function instead.
loadData: function() { Vue.http.get('/notifications').then((response) => { console.log(response.data); //this.notifications = response.data; //this.notifications.push(response.data); this.message = "This is a message"; console.log(this.message); }); },NB: You should by the way continue to use the keyword function for the top level of your methods (as shown in the example), because otherwise Vue can't bind the vue instance to
this.讨论(0) -
One can set
thisto aconstoutside the code block and use that const value to access the class properties.ie
const self = this; blockMethod(function(data) { self.prop = data.val(); })讨论(0) -
created() { pipedrive.getAllDeals() .then(response => { // JSON responses are automatically parsed. this.posts = response.data }) .catch(e => { this.errors.push(e) }) // async / await version (created() becomes async created()) // // try { // const response = await axios.get(`http://jsonplaceholder.typicode.com/posts`) // this.posts = response.data // } catch (e) { // this.errors.push(e) // }}
讨论(0)
加载中...
- 热议问题