今儿个用vue,写一个点击事件,折腾了半天,一直都报一个x is not a function的诡异错误。
折腾了一整天,头昏脑涨的,都没解决。 后来用推敲法,一行行的测试,排除了与之相关的v-show的问题,也排除了data()中定义的数据问题。
最后更是一个字一个字的阅读错误信息说明!
其中最关键的信息莫过于——这不是一个函数,或者可以理解为,貌似函数,但并不是函数。
我深刻的进行了思考,什么叫貌似函数?
于是我重新去阅读了我的代码,无语的发现,感情是……并不是我所操作的click报错了,而是父级一个touchstart报的错,我给这个属性赋值的时候,竟是丢掉了两个小括号!
错误:
v-on:touchstart='loop' v-on:touchend='clearloop'
正确:
v-on:touchstart='loop()' v-on:touchend='clearloop()'