寫前端頁面步驟----vue+iview


1:用iview構建基本HTML頁面

2:在export default{  }中寫一個data(){return:{變量:值}}全局對象,用於傳遞與綁定HTML參數。

3:在export default{  }中寫一個methods:{  }對象,里面寫一系列方法。例:初始化請求參數方法——路由轉發方法——增刪改查請求后端方法。。。

4:mounted(){  },與methos同級,方法內調用基本查詢方法。

5:在methods里定義對應方法的初始化請求參數對象,並將data中的數據給其賦值。

6:在觸發事件方法中調用@下的api請求接口方法,在api下定義請求接口包括 方法名、請求路徑、請求參數、請求方式。

7:請求方法(參數).then( response => { 響應代碼區域,做數據的渲染。})

8:內部頁面轉發時使用路由跳轉、可定義方法傳遞參數,需要定義let變量route傳值,在方法下定義一個請求路徑path屬性,params對象,參數放入params對象中,再使用this.$router.push(route)轉發。接收值用this.$route.params.參數名。(注意在route.js定義路由,及導入路由方法)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM