与方法参数连接

Question

我想将此方法与用于访问数据的方法参数联系起来  这是我的数据：

  data: function() {
    return {
        items: ['x', 'y', 'z','c','k'],
        selectedItems: [],
    };

这是我的方法：

moveItems: function(destination, source){
       console.log(this.source);
}

我的问题是，例如，当我这样调用我的方法时：

this.moveItems('selectBox1','items')

不能将this.source编译为this.items，并说它是undefined 有什么解决方案？

Answer 1

在函数moveItems中，您试图访问this.source，它是函数上下文的属性，在这里是moveItems函数。

在Vue.JS中某个组件方法的上下文中，您可以访问数据作为this的属性。

此处destination和source未被声明为组件数据，而是被声明为moveItems函数的参数。

因此，如果您想在该函数的上下文中访问source或“目的地”，则应执行以下操作：

moveItems: function(destination, source){
       console.log(source);
}