会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
黄啦噜噜
博客园
首页
新随笔
联系
订阅
管理
2021年12月10日
子组件使用watch监听父组件数据的变化也随之变化
摘要: 1.父子之间的通信我们通过props传递信息,但是父组件的数据会随时变化,子组件也要跟随变化。 使用watch监听父组件传递过来的值。 父组件中(search为子组件): <template> <img src="../assests/search.png" alt="" @click="getSe
阅读全文
posted @ 2021-12-10 14:59 暴躁女青年
阅读(487)
评论(0)
推荐(0)
2021年11月25日
uni-app的swiper组件设置overflow: hidden不生效
摘要: 问题:在小程序里使用swiper组件制作轮播图,给父元素设置了固定宽高,样式圆角border-radius,定位position: relative,超出隐藏overflow: hidden,在安卓机正常显示,但是在ios上圆角不能显示,原因是这个超出隐藏没有生效,所以需要在父元素在添加这四行代码。
阅读全文
posted @ 2021-11-25 11:47 暴躁女青年
阅读(502)
评论(0)
推荐(0)
2021年11月23日
小程序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 暴躁女青年
阅读(1243)
评论(0)
推荐(0)
2021年11月8日
uni-app中 控制onLaunch和onLoad的异步请求先后顺序
摘要: 小程序一般都需要在app.vue的onLaunch做一个异步请求获取用户的openId和token之后才能执行页面的onLoad里的异步请求,像平常用async await控制异步请求的先后顺序, 在小程序里也一样,只不是需要做成全局的。 如 :在main.js里挂载 Vue.prototype.$
阅读全文
posted @ 2021-11-08 15:54 暴躁女青年
阅读(1366)
评论(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 暴躁女青年
阅读(426)
评论(0)
推荐(0)
2021年11月3日
VUE抽奖大转盘制作
摘要: 人一闲就无聊 想做点小东西 以后需要的时候拎起来就用嘿嘿嘿 我做的转盘简单没啥难度,样式也是随便整整,里面的图片都是远程的 <template> <div class="turntable"> <!-- 转盘组件 --> <div class="box"> <div class="rotateBg"
阅读全文
posted @ 2021-11-03 15:25 暴躁女青年
阅读(487)
评论(2)
推荐(0)
uni-app小程序顶部导航自定义适配机型
摘要: 主要要算navHeight(整个导航栏总的高度),statusHeight(状态栏高度),topHeight(胶囊距离顶部的距离);在app.vue中计算 globalData: { //全局变量 getApp().globalData.navHeight调用读取 navHeight: 0, //整
阅读全文
posted @ 2021-11-03 14:44 暴躁女青年
阅读(487)
评论(0)
推荐(0)
2021年11月2日
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 暴躁女青年
阅读(940)
评论(0)
推荐(0)
2021年10月27日
vue自动获取input下一个光标,复制粘贴自动切割
摘要: 1.功能描述: 有四个input输入框,在一个input输入框中输满四个字符就自动聚焦到下一个input,复制粘贴类似于兑换码的 这种16位的ZPER-21UJ-PXPK-2Y13,粘贴后按照'-'切割自动分配到不同的input框中。 2.代码部分: //HTML部分<div class="box-
阅读全文
posted @ 2021-10-27 10:07 暴躁女青年
阅读(289)
评论(0)
推荐(0)
2021年10月8日
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 暴躁女青年
阅读(132)
评论(0)
推荐(0)
下一页
公告