vue.js过滤器+ajax实现事件监听及后台php数据交互实例
来源:
中文源码网 浏览:166 次 日期:2024-03-27 07:33:41
【下载文档: vue.js过滤器+ajax实现事件监听及后台php数据交互实例.txt 】
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:
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程序设计有所帮助。