本文實(shí)例講述了vue.js過濾器+ajax實(shí)現(xiàn)事件監(jiān)聽及后臺(tái)php數(shù)據(jù)交互。分享給大家供大家參考，具體如下：
站在用戶的角度思考問題，與客戶深入溝通，找到商河網(wǎng)站設(shè)計(jì)與商河網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋商河地區(qū)。
在vue.js開發(fā)時(shí)，數(shù)據(jù)可以使用jquery和vue-resource來獲取數(shù)據(jù)。在獲取數(shù)據(jù)時(shí)，一定需要給一個(gè)數(shù)據(jù)初始值。
index.html：
vuejs 過濾器、ajax數(shù)據(jù)、嵌套循環(huán)、if判斷、事件監(jiān)聽
id 姓名 手機(jī)號(hào) 城市 性別 通過審核 我的學(xué)生 操作 {{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;
運(yùn)行結(jié)果：
希望本文所述對(duì)大家vue.js程序設(shè)計(jì)有所幫助。
