使用ts开发微信小程序，自定义搜索组件报错

Question

1. 在用ts开发微信小程序进行 自定义搜索组件开发时，使用input的 bindinput事件，函数中传入 e 报错
2. 如图

提示：this中找不到 setData方法，请问各路大神 该如何解决?

Answer 1

不用 e 用 函数自身的argument去拿参数， 可解决问题

Answer 2

好久没写小程序了记忆有点模糊
简单点的话就是

getInputValue: function () {
    const that = this;
    that.setData({})
}

省心省事的方法就是自己封装一个根实例，小程序所有的页面根据这个根实例来创建，然后在根实例中封装$setData方法。这种方法比较适用于刚开始创建项目的时候，so，你挑挑吧

更新：啧啧，还有玻璃心的人因为别人指出他的答案错误而删掉自己的答案，还踩了所有的答案一脚。

小声bb：我还没说你给个错的答案还好意思张口要赞赏呢，手动滑稽。

Answer 3

你用的不是ES6箭头函数来声明函数，类似于这样的functionName()=>{}。

所以this指向的对象就不是原来的小程序的全局的this`对象，

指向的是getInputValue()这个函数内部了,这个函数内部必然没有setData(除非你在原型上声明了)，自然会报错

你可以试一下在这个函数内部和外部console.log(this)在控制台看看就知道了。

解决的办法，要么你用箭头函数声明，要么你把全局的this`赋值给另外一个变量

就比如另外两个回答里的,第一个回答里的不能正常运行是因为const that = this这行代码在函数内部声明了。所以肯定是没用的。

const that = this;
function() {
    that.setDate({})
}