javascript - 怎样用vue.js和ajax实现商品列表的更新

问题描述

问 题

在一个tab标签栏中有待发货 待收货和待付款标签，怎样通过vue.js和ajax实现实现商品列表的局部更新呢，望高人指点，主要是想学习vue.js在项目中的应用。

解决方案

作为一个MVVM框架，页面相应于数据，所以你只要定义数据：商品，页面：商品列表，然后需要时（比如页面点击事件）去触发ajax请求更新商品数据，页面就自动更新了。

这里的ajax可以使用官方的vue-resource，或者jQuery或者其他的ajax都可以。

这是一个demo，模拟ajax请求数据更新到table中
https://jsfiddle.net/ygjack/o...

这篇关于javascript - 怎样用vue.js和ajax实现商品列表的更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！