![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app踩坑合集
草字
点点关注点点赞,私信问答先回复。
展开
-
uniapp 复制功能,ios复制不了,h5复制不了,部分浏览器无法复制
针对h5页面,ios和android端通过webview嵌套我们网页时。原创 2022-08-26 17:30:28 · 4512 阅读 · 0 评论 -
uni-app 自定义页面时,如何减去导航栏(状态栏)的高度
html:<template> <view class="page" :style="{'padding-top': statusHeight+'px'}"> <!--此处为内容--> </view></template>js:computed: { //状态栏高度 statusHeight(){ return uni.getSystemInfoSync().statusBarHeight...原创 2021-02-26 15:37:07 · 5387 阅读 · 0 评论 -
uni-app 不支持v-show,那么如何实现v-show相同的功能
可以通过动态绑定属性style,通过控制样式display:<view class="flex_center" :style="isShowInput?'':'display:none;'"> <inputclass="input_digit" type="digit" placeholder="输入金额" maxlength="5" v-model="value"/></view>...原创 2021-02-19 14:15:09 · 2496 阅读 · 0 评论 -
uni-app 输入框聚焦,在弹窗时出现问题
解决方法:首先用一个变量来绑定输入框的focus属性,当它为true时就是聚焦状态,false就是失去焦点。<input :focus="tipFocus" class="input_digit" type="digit" placeholder="自定义小费" maxlength="5" v-model="value"/>data() { return { tipFocus:false,//输入框是否聚焦 ...原创 2021-02-19 13:57:00 · 3199 阅读 · 0 评论 -
uni-app 取消小程序上按钮button的默认边框
button::after{ border: none;}原创 2021-02-07 17:58:16 · 1902 阅读 · 0 评论 -
uni-app,小程序 textarea文本域出现在弹窗中,placeholder样式初次加载不生效问题。
textarea文本域出现在弹窗中,在初次加载的时候,placeholder样式是不生效的,而当在textarea 输入了内容后,再删掉。显示的placeholder样式就是正常的。效果图:1.首次加载时2.输入一些文字后3.删除文字为了解决这个bug,我们可以根据以上的逻辑,来解决这个问题。首先,在显示弹出框的时候,textarea渲染时给它设置一个初值,然后再置空,这样之后样式也就能生效了。部分代码://显示弹窗showPop(){ if(!t.原创 2021-02-06 13:38:27 · 5337 阅读 · 10 评论 -
uni-app 自定义导航栏,同时开启下拉刷新,报错:“in JSON at position 985”
{ "path": "pages/index/index", "style": { "enablePullDownRefresh": true, "navigationStyle": "custom" } }注意:不要将“enablePullDownRefresh”布尔值放在最后。原创 2021-02-05 11:14:13 · 521 阅读 · 0 评论 -
uni-app 再次进入相同页面不会刷新,没有重新请求
不要将请求之类的放到onLoad中,如: onLoad(option){ this.id=option.id; this.getOrderInfo(); }将所有请求放到,onShow中: onShow(){ this.getOrderInfo(); }原创 2021-02-04 13:31:14 · 3268 阅读 · 10 评论 -
uni-app 在移动端input输入框输入数字的时候,不能输入小数点问题。(type=“number“)
如果input输入框type=“number”,那么最后在移动端,不会出现小数点,也就不能输入小数。<inputtype="digit" placeholder="请输入价格" />只有将输入框的type=“digit”:<inputtype="digit" placeholder="请输入价格"" />...原创 2021-02-02 17:49:38 · 6587 阅读 · 2 评论