Vue3中如何使用异步请求?

接上节,我们初步体验了layui-vue的用法。相比其他ui框架,layui-vue的数据结构显得不是非常友好,但是经过数据拼凑也是能够成功运行的。今天我们就主要介绍下在实际开发中最常用到的前后端接口交互。因为大多数时候前端为了高性能,对于后端接口的调用都会采用异步的方式。那该如何在vue3中使用异步请求渲染页面呢?2.1、思路预期:前端急速响应、初始数据为空,异步接口响应后对页面数据表格进行响应式更新。我们都知道vue的核心特性就是响应式,为了能够实现我们预期的效果,我们需要进行以下几步。首先安装a
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 修改厂商、品牌、型号、设备名

build\make\tools
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 隐藏 Launcher3

packages\apps\Launcher3\AndroidManifest.xml
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

金额处理函数,千分位,

1.金额,函数function format(v) { const reg = /\d{1,3}(?=(\d{3})+$)/g //g表示匹配全局 //?=(\d{3})+$ 后面没有三个数字时候,匹配2个数字 //'$&,'后面拿到$&添加, return `${v}`.replace(reg, '$&,')}
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 隐藏状态栏和导航栏

frameworks\base\core\res\res\values-sw900dp\dimens.xmlframeworks\base\core\res\res\values-sw600dp\dimens.xmlframeworks\base\core\res\res\values\dimens.xml
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 内置 APK

device\rockchip\common\CCC\CCC.apkdevice\rockchip\common\CCC\libdevice\rockchip\common\device.mk
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 默认允许ADB

frameworks\base\packages\SystemUI\src\com\android\systemui\usb\UsbDebuggingActivity.java
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 删除 MTP模式

device/rockchip/common/device.mk
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

【浏览器】【vue】修改网页上的页签图标

document.querySelector("link[rel='icon']");
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

vue路由-路由缓存的几种方式--路由不变的情况下,刷新页面

在我们的日常开发中,有时候会遇到页面的缓存,特别是电商的项目,在商品列表的一些状态都是要缓存下来的。下面就简单介绍几种 vue 路由缓存的几种方式。1、全部缓存<keep-alive> <router-view></router-view></keep-alive>直接用 keep-alive 标签包裹 router-view 标签就能缓存全部的页面了2、缓存单个指定路由<keep-alive include="该路由的nam.
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 默认EMMC显示为16GB

frameworks\base\core\java\android\app\usage\StorageStatsManager.java限制:调用 StorageStatsManager 获取EMMC才可生效
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 换屏

kernel\arch\arm64\boot\dts\rockchip\rk3326-evb-ai-va-v11.dts
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

【收集】01

1.数据轮播不够5条(一次五条数据切换),可以再复制一次数据,进行2次轮播展示2.css点击tab切换展示下划线
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 换模具

kernel\arch\arm64\boot\dts\rockchip\rk3326-evb-ai-va-v11.dts
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

Android 8.0 内置谷歌输入法,并将它作为默认输入法

删除 AOSP默认输入法build\make\target\product\core.mk这样内置谷歌输入法时,开机就会自动默认启动了device\rockchip\common\CCC\CCC.apkdevice\rockchip\common\CCC\libdevice\rockchip\common\device.mk
分类: 移动开发 发布时间: 06-14 01:49 阅读次数: 0

element-el-row-el-col使用布局,修改el-card边距<el-card :body-style=“{padding:‘10px‘}“>card1</el-card>

<divclass="home"style="border:1pxsolidred;margin-top:40px"><!--gutter表示单个el-card之间的间距--><el-row:gutter="10"><!--span默认el-row为24用span去平分--><el-col:span="6"><el-card>card1&...
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

【element】弹框中有分页,关闭弹框分页回到默认状态

弹框中有分页,关闭弹框分页回到默认状态
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

【js】es方法filter()-如何过滤数组以匹配数组

filter()-如何过滤数组以匹配数组
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

【js】条件运算符中return 表达式

条件运算符中return 表达式错误写法:n < size ? return false : return true 错误原因:冒号前后是表达式,而不能是语句? : 运算符只支持表达式,而不支持语句return true; return false; 都是语句 正确写法:return (n < size) ? false : truereturn (n < size) ? false : truereturn (n < size.
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0

【浏览器】 js 滚动条回到起始位置 方法可把内容滚动到指定的坐标。

scrollTo0() { let bodyWrapper = document.getElementsByClassName( "el-table__body-wrapper" ); if (bodyWrapper && bodyWrapper.length > 0) { for (let item of bodyWrapper) { item.scrollTo(0, 0); ...
分类: 编程语言 发布时间: 06-14 01:49 阅读次数: 0