Question

当使用观察者更改道具时，我试图调用Vue组件中的函数：

props: [
  'mediaUrl'
],

watch: {
  mediaUrl: function() {
    this.attemptToLoadImage();
  }
},

medthods: {
  attemptToLoadImage: function() {
    console.log('Attempting to load');  
  }
},

但是，无论何时触发观察者（并且正在触发，因为执行console.log会产生结果），我收到以下错误：

[Vue warn]: Error in callback for watcher "mediaUrl": "TypeError: this.attemptToLoadImage is not a function"

我无法理解为什么我会收到此错误，因为我的代码似乎是按照Vue文档中展示的方式调用该函数：https://vuejs.org/v2/guide/computed.html#Watchers。

我正在使用Vue 2.4.2。

任何帮助都将不胜感激。

Answer 1

您拼错methods medthods：

methods: {
  attemptToLoadImage: function() {
    console.log('Attempting to load');  
  }
},

在Vue观察者中调用函数产生＆＃34;不是函数＆＃34;错误

1 个答案: