- 博客(24)
- 收藏
- 关注
原创 vue3 nextTick失效 解决方法
在使用Vue框架的时候,有时候需要在Vue在页面数据染完成之后调用方法,不然获取不到准确的数据,特别是在获取列表的高度的时候,由于数据没有加载完,获取不到准确的高度。可以结合watch和this.$nextTick来实现。2.在watch中再一次用nextTick。1.引入watch和nextTick。
2023-07-26 09:55:06
2578
原创 微信小程序搭建流程
(目的:公众平台 --> 开发 --> 开发管理 --> appid)2.按照 github 提示上传步骤二的项目。步骤一:在指定地方新建空文件夹(本人示例)大概流程结束:剩下就是项目本身的代码结构。指向步骤一的文件,把准备工作中得到的。选JavaScript基础模板即可。改为步骤一文件夹名相同,并把。步骤三:上传github。步骤四:配置后端的接口环境。微信公众平台的账号和密码。
2023-03-14 09:29:20
183
原创 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
1852
原创 上拉加载可以用@scrolltolower或onReachBottom
效果图:下拉加载一条新数据 步骤一:html5 中 block标签是主体内容步骤二:data中定义步骤三:方法中定义 loadmoreonReachBottom于scrolltolower的唯一区别在于 scrolltolower是在swiper下的滚动标签scroll-view中 触发 而onReachBottom如下...
2021-12-29 10:42:50
769
原创 计算导航标题外的剩余空间让内容占满
红色框框的内容通过滚轮滑动看,整个页面只有100vw计算方式:步骤一::style="{height:swiperHeight+'px'}"步骤二:data中定义步骤三:生成页面时计算「uni.upx2px(100)中的 100 是导航的高度」得出处导航外的剩余高度 这个是固定写法...
2021-12-28 14:37:23
168
原创 单选按钮三种写法
示例一:效果图步骤一:html5格式中步骤二:data中定义步骤三:方法中定义示例二:效果图步骤一:html5格式中步骤二:data中定义步骤三:方法中定义示例三:效果图步骤一:html5格式中步骤二:data中定义步骤三:方法中定义...
2021-12-24 16:03:03
359
原创 uniapp编译成微信小程序后某些功能 不能用
uniapp编译成小程序某些功能不能用,原因是因为小程序中 子组件不能改变父组件传过来的值例子: 解决方法:把父组件传过来的数据在data中定义,然后改data中定义的那个变量原代码:修改后:...
2021-12-23 14:49:51
1206
原创 tabbar不给下划线任何方法操作也可以让其动起来的写法
效果图:html5的结构:(下划线在红色框框内)(active的操作相当于单选按钮)关键思想在于:把样式写在 active内 这样当动态绑定的样式 active切换时,下划线跟着出现或隐藏
2021-11-22 15:49:38
107
原创 uniapp自定义代码块
步骤一:打开工具——代码块设置——vue代码块步骤二:在右边自定义代码块写自己要的结构步骤三:写下自己要用的代码结构「\t:缩进一个就是一个单元符;prefix:输入这个就能出现代码块因为是uniapp所以其他不用修改也可以」"uniTab":{ "body":[ "<view class=\"uni-tab-bar\">", "\t<scroll...
2021-11-22 15:06:59
1748
原创 苹果手机调试(ios)
苹果手机调试:首先 如果是苹果电脑就打开 iTunes 否则自己下载改软件然后 点击左上角的小手机静待几分钟后检查左边设备出是否出现自己的设备,是则成功接着 在HBuilderX中点击运行到手机,找到自己手机名字点击(记得事先用USB连接好手机)然后会出现这个报错最后到你自己的手机打开设置——通用——设备管理——点击信任即可...
2021-11-19 09:54:38
3028
原创 上拉框菜单 的多种用法
利用插件市场的下拉插件做不同功能三级联动写法/下拉单选写法/下拉日期选择器三级联动写法: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
903
原创 数据库图片渲染处理(多组图片渲染、单组图片渲染)
多组图片渲染:(主要是下面这个代码,弄好后直接在html5中 v-for渲染就好)单组图片渲染:在拿到数据中找出图片,单组数据不需要for循环取
2021-11-17 09:05:38
600
原创 单选按钮或多选按钮的写法
单选:写法一html5中:data中:方法中:写法二html5中定义data中定义(主要思想:用一个唯一不同的值id去区分)方法中定义多选:html5中:data中定义:methods方法中:...
2021-11-12 16:26:44
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人