Vue移动端框架Mint UI教程-数据渲染到页面(六)

1:接上一节,打开my.vue界面,编写代码


拿到res.data之后,要赋值给page实例里面的data
所以在data里面设置一个默认的空数组


2:响应正确的时候回调,把数据存放到data中


3:数据渲染



json数据


4:在页面显示如下


Mint UI教程汇总:

Vue移动端框架Mint UI教程-搭建环境引入框架(一)
//www.greatytc.com/p/874e5152b3c5
Vue移动端框架Mint UI教程-底部导航栏(二)
//www.greatytc.com/p/56e887cbb660
Vue移动端框架Mint UI教程-组件的使用(三)
//www.greatytc.com/p/5ec1e2d2f652
Vue移动端框架Mint UI教程-跳转新页面(四)
//www.greatytc.com/p/364d0462ddb6
Vue移动端框架Mint UI教程-调用模拟json数据(五)
//www.greatytc.com/p/6d3f1436b327
Vue移动端框架Mint UI教程-数据渲染到页面(六)
//www.greatytc.com/p/dc532ab82d2a
Vue移动端框架Mint UI教程-接口跨域问题(七)
//www.greatytc.com/p/b28cd8290b2a


原文作者:祈澈姑娘 技术博客://www.greatytc.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,欢迎加入编程微刊qq群:260352626

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容