写前端页面步骤----vue+iview

最新推荐文章于 2023-06-23 14:41:47 发布

转载最新推荐文章于 2023-06-23 14:41:47 发布 · 688 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/erfsfj-dbc/p/10066253.html

文章标签：

#javascript #前端 #后端 #ViewUI

本文介绍如何使用iview框架快速构建HTML页面，详细解释了从全局对象定义、方法编写到API请求的完整流程，包括参数传递、事件触发、路由跳转等关键步骤。

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定义路由，及导入路由方法）

转载于:https://www.cnblogs.com/erfsfj-dbc/p/10066253.html