Java的新專案學成線上筆記-day3(六)
阿新 • • 發佈:2018-12-29
2.3.2 Api呼叫
1、在cms.js中定義page_add方法。
/*頁面新增*/
export const page_add = params =>
{
return http.requestPost(apiUrl+'/cms/page/add',params) }
2、新增事件 本功能使用到兩個UI元件:
1、使用element-ui的message-box元件彈出確認提交視窗(http://element.eleme.io/#/zhCN/component/message-box)。
this.$confirm('確認提交嗎?', '提示', {}).then(() => {})
2、使用 message元件提示操作結果 (http://element.eleme.io/#/zh-CN/component/message)
this.$message({ message: '提交成功', type: 'success' }) 完整的程式碼如下: addSubmit(){ this.$refs.pageForm.validate((valid) => { if (valid) { this.$confirm('確認提交嗎?', '提示', {}).then(() => { cmsApi.page_add(this.pageForm).then((res) => { console.log(res); if(res.success){ this.$message({ message: '提交成功', type: 'success' }); this.$refs['pageForm'].resetFields(); }else{ this.$message.error('提交失敗'); } }); }); } }); }
下邊是測試:
1、進入頁面列表頁面