建站
咨询
售后
建站咨询
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://scgulin.cn/article/igdeds.html
