Blue54的博客

【代码】按多个对象，分割数组。

各种时间转换js封装

循环写分页问题:(自用)：每页8条。

随机生成6位数中英混合随机码

antd树插槽，自定义树节点

按钮点击复制

时间转换

给定画布大小《在template内》简单来说就是<canvas canvas-id=“”>组成<canvas canvas-id="myQrcode" style=" width: 178px;height: 178px;position: absolute;top: -1000rpx;" /><canvas canvas-id="myCanvas" style="height:1334px;width:750px;position:absolute;top: -9

目录onReachBottom了解onReachBottom注意项：事件具体写法：uni-load-more了解（不重要可自行考虑是否添加）getList事件具体（通过接口获取列表的事件）concat拼接：onReachBottom了解使用uniapp的onReachBottom（）：页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。onReachBottom（）具体了解可以查看官方api：页面简介 | uni-app官网onReac

当picker底部选择器嵌套了其他的view层或者等等等奇怪的东西。比如树级选择器。在选择的时候，可能会触发背景表单的input焦点。解决方案：z-index通过给input标签绑定一个较低的层级即可。比如z-index=”1“，给picker绑定一个z-index="10000"那么picker的层级比input高，那么你就没机会触发input的焦点了。z-index是写在标签上当样式用的。案例代码如下：看见这个栗子了没有？ 我也灭有看见...

通过给view或者input标签样式：position: fixed;把input固定在底部。点击input框后弹出键盘会导致遮挡住消息框。解决关键：举个栗子=》:adjust-position='true'这个关键的样式放在input标签后。触发键盘弹起后，会把页面上顶。简单方便。解决弹出键盘后input框被遮挡的问题。例图：看见这个栗子了没有？ 我也没看见...

saveImage(url) { uni.downloadFile({ url: url, success: res => { if (this.record.type === 'video' || this.type === 'teamOpus') { uni.saveVideoToPhotosAlbum({ filePath: res.tempFilePath, success: res => { .

给标签绑定一个@blur=“事件”：举半个栗子：再通过正则表达式去写校验规则。// 校验邮箱 checkEmail(e) { const email = e.detail.value if (email) { const reg = RegExp(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/).test(email) if (reg) { return true } else {

官方：picker | 微信开放文档​​​​​​案例：性别的选择器在template中：<view class="li"> <view class="name"><text class="red">*</text>性别</view> <picker v-if="sexList.length > 0" class="input" mode="selector" @change="bindPicker

问题：当前页面1的某个item列表项点击后跳转到页面2，在页面2作数据更新后，点击返回页面到页面1，页面1刷新当前item项的数据。解决办法：页面2中：返回的事件里传递刷新的值：uni.$emit在返回事件传递所需要的值updatali给updatatotal，在页面1：通过uni.$on作接收处理因为是数组对象：所以处理用如下并通过if判断是否拿到data和data的id，如果拿到那么遍历页面1用来渲染页面的数组数据，再一次通过if判断过滤所遍历的数组，使item的值为只剩下：

根据：树形选择器增强版，支持多选、单选、父级选择，Picker形式 - DCloud 插件市场树形选择器：使用tki-tree组件：先导入并注册组件：在javascript中：export default外放import，在export default内data外放注册componentsimport tkiTree from "@/commons/tki-tree/tki-tree.vue"components: { tkiTree, },在template中写：

参考学习资料：v-bind可省略为冒号：v-for:先定义一个数组：渲染遍历for循环显示所有数组：效果：

学习资料：代码案例：data获取数据后，渲染到前端页面的基础操作。

字体图标自行下载。放入修改放入的字体文件引入方式~@开头在uniapp启用sas：hbulit点工具，点安装插件安装scss的插件。

可以在所写页面style配置当前vue的css样式，也可以在项目app.vue为全局配置css样式

关于微信开发小程序app报错：./pages/xxx/xxx.wxml not found解决：开发者工具更新日志 | 微信开放文档先回退到这个版本案例1：1.根据uniapp框架文档自己选择：例如：text组件：简单使用：代码放在xxx.vue文件中：tips：view会独占一行。view需要有一个根view包裹（最外层要有一个view包裹，不能两个view同级，不然会报错。<template> <view> <view> &lt.

参考官网文档：在pages.json文件中："condition": { //模式配置，仅开发期间生效 "current": 0, //当前激活的模式（list 的索引项） "list": [{ "name": "swiper", //模式名称 "path": "pages/detail/detail", //启动页面，必选 "query": "80" //启动参数，在页面的onLoad函数里面得到。

参考官网文档：如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页。在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。当设置 position 为 top 时，将不会显示 icon tabBar 中的 list 是一个数组，只能

页面的配置：//pages数组中第一项表示应用启动页，参考：uni-app官网创建pages文件夹下的message的message.vue文件。style为配置的属性。tips：多个path时，谁放在前面谁即是首页。globalStyle为全局配。可掠过不看。或者访问第一章。{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/messag

在项目的pages.json文件里面的globalStyle定义：参考官方框架："globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" }...