vue.js过滤器+ajax实现事件监听及后台php数据交互实例
本文实例讲述了vue.js过滤器+ajax实现事件监听及后台php数据交互。分享给大家供大家参考,具体如下:
站在用户的角度思考问题,与客户深入沟通,找到商河网站设计与商河网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖商河地区。
在vue.js开发时,数据可以使用jquery和vue-resource来获取数据。在获取数据时,一定需要给一个数据初始值。
index.html:
vuejs 过滤器、ajax数据、嵌套循环、if判断、事件监听
id 姓名 手机号 城市 性别 通过审核 我的学生 操作 {{item.id}} {{item.name}} {{item.tel}} {{item.sex | sexFormat}} {{item.province}}_{{item.city}} 是 否 {{stu.name}},
json.php:
<?php header("Content-type:text/html;charset=utf-8"); for($i=1;$i<6;$i++){ $data[]=array( 'id'=>$i, 'name'=>'test'.$i, 'tel'=>'1368585789'.$i, 'status'=>1, 'province'=>'上海市', 'city'=>'上海市', 'sex'=>1, 'stu'=>array(array('id'=>$i,'name'=>'stu'.$i,'tel'=>'1568585789')), ); } echo json_encode($data);exit;
运行结果:
希望本文所述对大家vue.js程序设计有所帮助。
网页名称:vue.js过滤器+ajax实现事件监听及后台php数据交互实例
链接URL:http://scjbc.cn/article/igdeds.html