Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > js框架/js库

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:




<br/>vuejs 过滤器、ajax数据、嵌套循环、if判断、事件监听<br/>



























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程序设计有所帮助。

相关内容