vue中使用loadsh实现实时检索，使用箭头函数报错

Question

使用lodash插件实现input的实时检索，报错

页面代码：

 <div class="search">
                <input type="text" v-model="condition" placeholder="搜索社区" v-on:input="lodashSearch">
                <span class="search-icon" @click.stop="getSearchCommunity">
                    <i class="iconfont icon-w_search_normal"></i>
                </span>
            </div>

使用npm下载ladash依赖后，引入lodash

import _ from 'lodash'

methods方法：

    //实时检索
    
            lodashSearch: _.debounce(() => {
                this.getSearchCommunity(); // 添加debounce，防止页面卡死
            }, 400),

报错：

后面不使用箭头函数，则程序正常，不报错

    lodashSearch: _.debounce(function(){
                console.log(1);
                this.getSearchCommunity(); // 添加debounce，防止页面卡死
            }, 500),

但是我之前使用lodash做resize事件监听时，使用的是箭头函数，然后程序正常啊，
代码如下：

 mounted: function () {
      let _ = require('lodash');
      // 插件地址：https://www.lodashjs.com/
      //http://www.css88.com/doc/lodash/#_debouncefunc-wait0-options
      window.onresize = _.debounce(() => {
        this.initPage(); // 添加debounce，防止页面卡死      
      }, 400);
    },

请问对于lodash，为什么使用箭头函数有的地方正常，有的报错呢?

根据好心人的答案，去看了下文档，文档中写：

因此methods中不能使用箭头函数

Answer 1

认真看看文档吧 https://cn.vuejs.org/v2/api/#...