天津网站建设案例教程,网站建设公司合同模板下载,平利县城乡建设局网站,网站做百度排名1.env 里面变量值换为真实目标服务器地址 2引入登录api 3.$confirm 调用它默认会返回一个Promise对象便于进行后续操作的处理 调用$confirm方法即可打开消息提示#xff0c;它模拟了系统的 confirm。Message Box 组件也拥有极高的定制性#xff0c;我们可以传入options作…1.env里面变量值换为真实目标服务器地址2引入登录api3.$confirm调用它默认会返回一个Promise对象便于进行后续操作的处理调用$confirm方法即可打开消息提示它模拟了系统的 confirm。Message Box 组件也拥有极高的定制性我们可以传入options作为第三个参数它是一个字面量对象。type字段表明消息类型可以为successerrorinfo和warning无效的设置将会被忽略。注意第二个参数title必须定义为String类型如果是Object会被理解为options。在这里我们用了 Promise 来处理后续响应。发送一个http请求数据# 这里会返回一个成功的Promise实例Promise 链特性 promise.then() 和 promise.catch() 都会返回新的 Promise只要回调函数正常执行不抛出异常返回的 Promise 就会是 resolved 状态只有当回调函数抛出异常时返回的 Promise 才会是 rejected 状态只是说根据请求成功还是失败返回的是一个不同的数组通过http发送的数据返回的awaitTo(request);js文件需要引入element-uisuccess的统一处理所以直接下面这种写法就行关于网络请求响应拦截一个查询的页码重置规范查询的时候需要把页码重置为1 这个是一个统一的行业规范searchForm 是搜索条件的“状态容器”它保存用户在表单中输入的实时值姓名、用户名、手机号、状态等。初始值为空字符串 “”表示“无筛选条件”。不是由 getList() 填充的而是由用户输入或重置操作控制。“空条件” ≠ “查不到数据”当所有 searchForm 字段为空时后端会忽略这些条件执行无 WHERE 的查询。结果是返回全表数据的第一页如前 10 条只要数据库有数据就不会为空。只有当输入了具体条件但无匹配记录时才会返回空列表。分页由 pageNo 和 pageSize 控制后端根据这两个参数进行 LIMIT offset, size 查询。前端只展示当前页数据不是一次性加载全部服务端分页。total总条数用于计算总页数和显示“共 X 条”。点击【查询】时必须重置页码为 1handleQuery(){this.pagination.pageNo1;// 关键this.getList();}原因避免用户在第 5 页搜索新条件但新条件只有 2 页 → 返回空白。这是标准用户体验设计。5. 每次 getList() 都合并最新状态编辑constparams{...this.searchForm,// ← 实时、完整的搜索条件pageNo:this.pagination.pageNo,pageSize:this.pagination.pageSize};无论条件是否为空都会传给后端。后端自行决定如何处理空值通常忽略。6. 数据是“手动触发查询”不是自动实时搜索用户必须点击【查询】按钮才发起请求。优点避免频繁请求适合复杂条件组合。若需自动搜索可用 input debounce 实现7. 初始加载 无条件 第一页mounted() 中调用 getList()。发送参数{ name: “”, …, pageNo: 1, pageSize: 10 }后端返回全表第一页数据非全部数据。更新分页插槽子组件控制插槽展示什么位置父组件控制插槽展示什么内容具名插槽slot有namexxx属性父组件的子组件标签需要#xxx绑定作用插槽子组件可以向父组件传值子组件templatedivslot:itemitem:indexindex/slot/div/template父组件templateChild v-slot{ item, index }div姓名{{item.name}}序号{{index}}/div/Child/template或简写Child #default{ item, index }!--内容--/Child