Vue form 表單提交+ajax異步請(qǐng)求+分頁(yè)效果

第Vueform表單提交+ajax異步請(qǐng)求+分頁(yè)效果metacharset="UTF-8"

metaname="viewport"content="width=device-width,initial-scale=1"

metacharset="UTF-8"/

title異步參數(shù)上傳/title

linkrel="stylesheet"type="text/css"href="${ctx}/css/bootstrap.min.css"rel="externalnofollow"

#--linkhref="css/fileinput.css"rel="externalnofollow"media="all"rel="stylesheet"type="text/css"/--

linkhref="${ctx}/css/fileinput.css"rel="externalnofollow"media="all"rel="stylesheet"type="text/css"/

linkrel="stylesheet"type="text/css"href="${ctx}/css/css.css"rel="externalnofollow"/

#--linkrel="stylesheet"type="text/css"href="${ctx}/css/style.css"rel="externalnofollow"/--

linkrel="stylesheet"type="text/css"href="${ctx}/css/subwelcome.css"rel="externalnofollow"/

scriptvar$context={};

$context.ctx='${ctx}';

$context.resources='${ctx}/resources';

/script

/head

body

divid="app"

div

div

ahref=""返回上傳頁(yè)面/a

/div

form@submit.prevent="submit"

inputtype="text"v-model.trim="batchInforRequestVO.appkey"

placeholder="請(qǐng)輸入appkey"

inputtype="text"v-model.trim="batchInforRequestVO.batchnum"

placeholder="請(qǐng)輸入批次號(hào)"

inputtype="hidden"v-model.trim="batchInforRequestVO.currentPage"

buttontype="submit"查詢/button

/form

!--提示框公共部分begining--

divv-show="show"

div

i/i{{title}}

/h4

div

{{content}}

/div

div

#--buttonv-on:click="opt(1)"取消/button--

buttonv-on:click="opt(2)"確定/button

/div

/div

/div

!--提示框公共部分ending--

divv-show="showcontent"

div

i/i{{title}}

/h4

div

{{content}}

/div

div

#--buttonv-on:click="opt(1)"取消/button--

buttonv-on:click="opt(3)"確定/button

/div

/div

/div

div查詢結(jié)果/div

!--TableBegining--

div

table

th批次號(hào)/th

th處理進(jìn)度/th

th文件名稱/th

th上傳時(shí)間/th

th請(qǐng)求方法/th

th操作/th

/tr

trv-for="(batchInforResponseVO,index)inBatchInforResponseVO"

td{{batchInforResponseVO.batchNum}}/td

td{{batchInforResponseVO.processPercentage}}/td

td{{batchInforResponseVO.channelName}}/td

td{{batchInforResponseVO.inserTime}}/td

td{{batchInforResponseVO.requestAddre}}/td

tdaid="opreat"v-on:click="defaultExport(index)"href="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"導(dǎo)出/aa

v-on:click="redirectTo(index)"id="opreat"href="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"自定義導(dǎo)出/a/td

/tr

/table

/div

!--TableEnding--

!--分頁(yè)部分Begining--

div

divid="DataTables_Table_0_length"

span每頁(yè)10條記錄當(dāng)前頁(yè){{batchInforRequestVO.currentPage}}/spannbsp

span共{{totalPage}}頁(yè)nbspaid="previousPage"v-on:click="changePage(1)"href="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"←上一頁(yè)/anbspnbspa

id="nextPage"v-on:click="changePage(2)"href="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"下一頁(yè)→/a/span

/div

/div

!--分頁(yè)部分Ending--

/div

/div

/div

/body

scripttype="text/javascript"

window.history.go(1);

/script

scriptsrc="${ctx}/js/jquery/jquery-2.0.3.min.js"/script

scripts