随笔分类 -  getTips

每天一个小技能
子组件使用watch监听父组件数据的变化也随之变化
摘要：1.父子之间的通信我们通过props传递信息，但是父组件的数据会随时变化，子组件也要跟随变化。 使用watch监听父组件传递过来的值。 父组件中(search为子组件)： <template> <img src="../assests/search.png" alt="" @click="getSe 阅读全文
posted @ 2021-12-10 14:59 暴躁女青年 阅读(515) 评论(0) 推荐(0)
uni-app的swiper组件设置overflow: hidden不生效
摘要：问题:在小程序里使用swiper组件制作轮播图，给父元素设置了固定宽高，样式圆角border-radius，定位position: relative，超出隐藏overflow: hidden，在安卓机正常显示，但是在ios上圆角不能显示，原因是这个超出隐藏没有生效，所以需要在父元素在添加这四行代码。 阅读全文
posted @ 2021-11-25 11:47 暴躁女青年 阅读(562) 评论(0) 推荐(0)
小程序video组件的自定义全屏/兼容安卓机的黑边填满容器/video全屏时自定义按钮被覆盖
摘要：1.自定义全屏按钮被覆盖 按钮标签必须在video组件里全屏的时候才能显示出来, 2.在安卓机里视频有黑边 首先需要在video标签写入 x5-video-player-type="h5" object-fit='fill' style="width= 100%; height=100%"这样在安卓 阅读全文
posted @ 2021-11-23 17:19 暴躁女青年 阅读(1398) 评论(0) 推荐(0)
uni-app中 控制onLaunch和onLoad的异步请求先后顺序
摘要：小程序一般都需要在app.vue的onLaunch做一个异步请求获取用户的openId和token之后才能执行页面的onLoad里的异步请求，像平常用async await控制异步请求的先后顺序， 在小程序里也一样，只不是需要做成全局的。 如 ：在main.js里挂载 Vue.prototype.$ 阅读全文
posted @ 2021-11-08 15:54 暴躁女青年 阅读(1419) 评论(0) 推荐(0)
uni-app封装小程序wx.request，然后挂载到全局
摘要：首先 在src目录下创建一个request/request.js，内容如下 let baseURL = "https://dfft.dsnddvideo.cn/wogds" export const http = (options) =>{ return new Promise((resolve,r 阅读全文
posted @ 2021-11-08 15:42 暴躁女青年 阅读(477) 评论(0) 推荐(0)
VUE抽奖大转盘制作
摘要：人一闲就无聊 想做点小东西 以后需要的时候拎起来就用嘿嘿嘿 我做的转盘简单没啥难度，样式也是随便整整，里面的图片都是远程的 <template> <div class="turntable"> <!-- 转盘组件 --> <div class="box"> <div class="rotateBg" 阅读全文
posted @ 2021-11-03 15:25 暴躁女青年 阅读(525) 评论(2) 推荐(0)
uni-app小程序顶部导航自定义适配机型
摘要：主要要算navHeight(整个导航栏总的高度),statusHeight(状态栏高度),topHeight(胶囊距离顶部的距离);在app.vue中计算 globalData: { //全局变量 getApp().globalData.navHeight调用读取 navHeight: 0, //整 阅读全文
posted @ 2021-11-03 14:44 暴躁女青年 阅读(515) 评论(0) 推荐(0)
uni-app自定义底部tabBar导航适配机型
摘要：1.首先需要在page.json里把 "tabBar": { "custom": true } 在app.vue中读取机型的屏幕高度 设置一个全局变量 tbBottom globalData: { //全局变量 tbBottom:0, }, onLaunch: function () { let w 阅读全文
posted @ 2021-11-02 11:50 暴躁女青年 阅读(1014) 评论(0) 推荐(0)
vue自动获取input下一个光标，复制粘贴自动切割
摘要：1.功能描述： 有四个input输入框，在一个input输入框中输满四个字符就自动聚焦到下一个input，复制粘贴类似于兑换码的 这种16位的ZPER-21UJ-PXPK-2Y13，粘贴后按照'-'切割自动分配到不同的input框中。 2.代码部分： //HTML部分<div class="box- 阅读全文
posted @ 2021-10-27 10:07 暴躁女青年 阅读(332) 评论(0) 推荐(0)
vue制作拼图(主要是用js修改sass里的变量和vue中的event事件对象)
摘要：1.在vue中要获取event事件对象 在绑定事件时要利用$event作为参数传递。 <template> <div id="imgBox"> <!-- 碎片 --> <div id="slidImg"> <img src="https://5-2ebf-4838-9ece-bde9690e8134 阅读全文
posted @ 2021-10-08 14:46 暴躁女青年 阅读(154) 评论(0) 推荐(0)
vue中使用axios异步请求数据，视图不更新
摘要：前几天遇到个小问题，H5页面在小程序里数据刷新了但是视图层没变化，这个问题iOS上表现正常，在安卓机上就不行，最新的值能拿到但是视图层不能刷新，于是我决定换一种写法。 axios请求数据成功后立马给this.limitNumber赋新值，computed监听他的变化 <p ref="limmit"> 阅读全文
posted @ 2021-08-13 15:04 暴躁女青年 阅读(799) 评论(0) 推荐(0)
如何在vue中引入chimee播放器
摘要：第一步：下载 npm i chimee npm i chimee-plugin-controlbar npm i chimee-plugin-danmu 第二步在组件中引入 <template> <div id="wrapper"></div> </template> <script> import 阅读全文
posted @ 2021-07-26 15:06 暴躁女青年 阅读(487) 评论(0) 推荐(0)
在vue中使用西瓜视频播放器
摘要：第一步：npm i xgplayer, 在组件中引入： 1 <template> 2 <div class="player"> 3 <div class="imgBox" v-if="posterShow"> 4 <!-- <img src="../assets/move2.png" alt=""> 阅读全文
posted @ 2021-07-23 11:33 暴躁女青年 阅读(3598) 评论(0) 推荐(0)
嘿嘿嘿嘿 马上就有新任务了 提前封装一个转盘抽奖组件
摘要：1 <template> 2 <div class='container'> 3 <div class="wheel"> 4 <!-- 背景图 --> 5 <img class="bj-img" src="../assests/draw_swipebox.png" alt=""> 6 <div cl 阅读全文
posted @ 2021-07-15 17:56 暴躁女青年 阅读(92) 评论(0) 推荐(0)
在uni-app开发的小程序中引入阿里的多色图标
摘要：首先 在阿里图标库将 需要的图标添加到项目中 并下载压缩包 然后 解压并进入cmd1.全局安装iconfont 的字体文件包iconfont-tools(npm i -g iconfont-tools) 2.输入iconfont-tools 然后默认一直回车即可 默认输入的文件夹名称：iconfon 阅读全文
posted @ 2021-06-08 19:34 暴躁女青年 阅读(435) 评论(0) 推荐(0)
小程序跳转进入H5页面，全局读取token
摘要：嘿嘿嘿，最近在做的一个项目，小程序嵌套H5页面，小程序登录带token跳转进入h5,也不能在每个页面都要设置一个方法读取url的token,就想在项目入口APP.vue或者main.js那一次性读取token然后存储到本地存储。 首先创建一个js文件, 然后咧，我们在main.js中引入，并且把ge 阅读全文
posted @ 2021-05-29 09:50 暴躁女青年 阅读(1576) 评论(0) 推荐(0)