This time I will bring you how to use vue.jsFilterajax to implement event monitoring background data interaction, and use vue.js filter ajax to implement event monitoring background data interactionNotesWhat are they? The following is a practical case. Let’s take a look.
When developing vue.js, data can be obtained using jquery and vue-resource. When obtaining data, you must give an initial value to the data.
index.html:
vuejs 过滤器、ajax数据、嵌套循环、if判断、事件监听
id | 姓名 | 手机号 | 城市 | 性别 | 通过审核 | 我的学生 | 操作 | |
{{item.id}} | {{item.name}} | {{item.tel}} | {{item.sex | sexFormat}} | {{item.province}}_{{item.city}} | 是 | 否 | {{stu.name}}, |
json.php:
$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;
Running results:
I believe I read this article You have mastered the case method. For more exciting information, please pay attention to other related articles on the PHP Chinese website!
Recommended reading:
How to implement Vue page skeleton screen
##How to implement communication between vue parent and child components
The above is the detailed content of How to use vue.js filter + ajax to implement event monitoring and background data interaction. For more information, please follow other related articles on the PHP Chinese website!