使用Vue从后台获取数据的时候官方提供了vue-'),
后台数据(以post方式接收数据为例):
|
刚刚工作安排做公司的wep站点,项目使用了jquery和vue但是并没有使用vue-cli来创建,没有实现模块化
产品列表页面需要实现触底自动加载页面。
用vue使用当然是最好的选择啦
但是由于之前说的原因,我翻看了的文档发现并不适合我这个项目。
后来想到用jquery来实现
接下来我在vue实唎中用vue发送请求求的methods中加入了以上代码。
但是他并不工作好吧,我来找找原因
于是我在各个生命周期调用这个函数。但是它始终不工莋
经过思考发现虽然我给window绑定了调用vue内请求数据函数的事件,但window貌似并不能调用vue实例内的方法
好吧那我把scroll事件绑定到我的vue根节点app上吧。
又不行经过试验,发现是scroll事件只能在window上监听这就难倒我了?难道要我用ajax来请求我的页面结构可都是vue请求来的!那岂不是得重写!
恏吧!我可以在vue实例内加一个隐藏的div,给他设置一个click事件然后在第一次请求列表的时候就给我window绑定一个触底事件,触底就用trigger触发div的click事件
ok!这次从逻辑上是完全可行的!
这破项目我迟早得把你重写!
相信看了本文案例你已经掌握了方法更多精彩请关注php中文网其它相关文章!
以上就是如何使用vue.js过滤器+ajax实现事件监听后台数据交互的详细内容,更多请关注php中文网其它相關文章!