自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 vue3 nextTick失效 解决方法

在使用Vue框架的时候,有时候需要在Vue在页面数据染完成之后调用方法,不然获取不到准确的数据,特别是在获取列表的高度的时候,由于数据没有加载完,获取不到准确的高度。可以结合watch和this.$nextTick来实现。2.在watch中再一次用nextTick。1.引入watch和nextTick。

2023-07-26 09:55:06 1613

原创 插槽(slot)用法

2.可以用任意容器标签,只要标签内加上 slot="子组件的对应位置的名字"即可显示在对应位置上。

2023-03-27 14:30:47 134

原创 微信小程序搭建流程

(目的:公众平台 --> 开发 --> 开发管理 --> appid)2.按照 github 提示上传步骤二的项目。步骤一:在指定地方新建空文件夹(本人示例)大概流程结束:剩下就是项目本身的代码结构。指向步骤一的文件,把准备工作中得到的。选JavaScript基础模板即可。改为步骤一文件夹名相同,并把。步骤三:上传github。步骤四:配置后端的接口环境。微信公众平台的账号和密码。

2023-03-14 09:29:20 130

原创 导出(下载)

导出表格或导出图片什么的

2023-01-17 17:04:33 102

原创 倒计时,累积时间

倒计时,累计时间

2022-12-02 11:16:28 102

原创 Vue3 静态资源管理【类似vue2的require()】

vue2的require()在vue3用不了时,要这样写

2022-10-28 15:35:17 690

原创 wangEditor(富文本编辑器,含图片上传功能) vue2

富文本编辑器,Vue2

2022-10-05 11:37:01 2509 7

原创 正则emoji

禁止输入emoji 做法

2022-07-11 11:41:42 332

原创 vue 项目引入eacharts流程

效果图:步骤一:npm install echarts@4.8.0 --save步骤二:在main.js中添加// 引入echartsimport echarts from "echarts";Vue.prototype.$echarts = echarts;步骤三:随便一个页面中<template> <div class="about"> <div id="charts" style="width: 845px;..

2022-03-23 15:39:00 1795

原创 uni-app 重启app

plus.runtime.restart()

2022-02-17 10:26:04 3421 1

原创 上拉加载可以用@scrolltolower或onReachBottom

效果图:下拉加载一条新数据 步骤一:html5 中 block标签是主体内容步骤二:data中定义步骤三:方法中定义 loadmoreonReachBottom于scrolltolower的唯一区别在于 scrolltolower是在swiper下的滚动标签scroll-view中 触发 而onReachBottom如下...

2021-12-29 10:42:50 688

原创 计算导航标题外的剩余空间让内容占满

红色框框的内容通过滚轮滑动看,整个页面只有100vw计算方式:步骤一::style="{height:swiperHeight+'px'}"步骤二:data中定义步骤三:生成页面时计算「uni.upx2px(100)中的 100 是导航的高度」得出处导航外的剩余高度 这个是固定写法...

2021-12-28 14:37:23 138

原创 单选按钮三种写法

示例一:效果图步骤一:html5格式中步骤二:data中定义步骤三:方法中定义示例二:效果图步骤一:html5格式中步骤二:data中定义步骤三:方法中定义示例三:效果图步骤一:html5格式中步骤二:data中定义步骤三:方法中定义...

2021-12-24 16:03:03 319

原创 uniapp编译成微信小程序后某些功能 不能用

uniapp编译成小程序某些功能不能用,原因是因为小程序中 子组件不能改变父组件传过来的值例子: 解决方法:把父组件传过来的数据在data中定义,然后改data中定义的那个变量原代码:修改后:...

2021-12-23 14:49:51 1118

原创 uniapp监听返回【onBackPress】

效果图:步骤一:html5 中步骤二:data中步骤三:方法中步骤四:监听返回

2021-12-22 17:48:01 5001

原创 利用数组下标替换、类似于双向绑定【uni.showActionSheet】

效果图:所有人可见---->部分人可见步骤一:html5中步骤二:

2021-12-22 14:11:37 356

原创 tabbar不给下划线任何方法操作也可以让其动起来的写法

效果图:html5的结构:(下划线在红色框框内)(active的操作相当于单选按钮)关键思想在于:把样式写在 active内 这样当动态绑定的样式 active切换时,下划线跟着出现或隐藏

2021-11-22 15:49:38 78

原创 uniapp自定义代码块

步骤一:打开工具——代码块设置——vue代码块步骤二:在右边自定义代码块写自己要的结构步骤三:写下自己要用的代码结构「\t:缩进一个就是一个单元符;prefix:输入这个就能出现代码块因为是uniapp所以其他不用修改也可以」"uniTab":{ "body":[ "<view class=\"uni-tab-bar\">", "\t<scroll...

2021-11-22 15:06:59 1595

原创 iconfont文字引入

步骤一:添加到购物车步骤二:点击购物车选择添加到项目步骤三:点击下载到本地步骤四:拖到项目中

2021-11-21 12:45:22 208

原创 苹果手机调试(ios)

苹果手机调试:首先 如果是苹果电脑就打开 iTunes 否则自己下载改软件然后 点击左上角的小手机静待几分钟后检查左边设备出是否出现自己的设备,是则成功接着 在HBuilderX中点击运行到手机,找到自己手机名字点击(记得事先用USB连接好手机)然后会出现这个报错最后到你自己的手机打开设置——通用——设备管理——点击信任即可...

2021-11-19 09:54:38 2904

原创 上拉框菜单 的多种用法

利用插件市场的下拉插件做不同功能三级联动写法/下拉单选写法/下拉日期选择器三级联动写法:1.在script标签内引入import lbPicker from "@/components/lb-picker/index.vue";2.在template标签内任意地方写(list绑定接口返回的数组,confirm绑定的是点击后的操作) <lb-picker ref="areaPicker" mode="multiSelector" ...

2021-11-18 10:32:22 818

原创 数据库图片渲染处理(多组图片渲染、单组图片渲染)

多组图片渲染:(主要是下面这个代码,弄好后直接在html5中 v-for渲染就好)单组图片渲染:在拿到数据中找出图片,单组数据不需要for循环取

2021-11-17 09:05:38 564

原创 单选按钮或多选按钮的写法

单选:写法一html5中:data中:方法中:写法二html5中定义data中定义(主要思想:用一个唯一不同的值id去区分)方法中定义多选:html5中:data中定义:methods方法中:...

2021-11-12 16:26:44 285

原创 1.文章显示隐藏

效果图: 2.1绑定同一个isUp当状态发生改变时,同时改变

2021-11-11 08:50:51 66

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除