精华内容
下载资源
问答
  • 通过uni-app开发app,从零开始到项目结束,记录下使用uni-app过程中遇到的问题和解决方法
  • 公司的项目想先打包测试一下 1.云打包之后直接白屏 真机运行,解决报错,或者用手机模拟器运行解决报错 2.真机正常,打包后白屏 这个时候如果你有外部引入的iconfont,比如说阿里图标库,找到文件,把iconfont....

    公司的项目想先打包测试一下

    1.云打包之后直接白屏

    真机运行,解决报错,或者用手机模拟器运行解决报错

    2.真机正常,打包后白屏

    这个时候如果你有外部引入的iconfont,比如说阿里图标库,找到文件,把iconfont.js删掉

    如果没有,在manifest.json中usingComponents改成false,应该就可以解决了

        /* 5+App特有相关 */
        "app-plus" : {
            "usingComponents" : false,
            "nvueStyleCompiler" : "uni-app",
            "compilerVersion" : 3,
            "splashscreen" : {
                "alwaysShowBeforeRender" : true,
                "waiting" : true,
                "autoclose" : true,
                "delay" : 0
            },

    目前这样可以解决大部分白屏,还会持续补充,欢迎大家留言补充

    展开全文
  • uniapp的那些

    千次阅读 2020-07-01 12:06:40
    设置position为fixed的时候,设置了top,总是不是预期效果 那是因为默认uniapp的顶部高度是44px,你的定位是相对于页面的最顶端,而不是他配置之后的剩余页面,因此你的定位的高度,如果是fixed,其实应该是默认是top值...

    1.selectedColor不起作用

         1.查看位置是否写对,与lis同级

                     

     2.是否为16进制,selectedColor写的rgb不支持

     3.是否被其他样式覆盖,其他地方也设置过selectedColor,可以全局搜索一下

     

    2.pages中配置的颜色不起作用

    注意,pages中的某些配置,是只支持某些颜色,或者是只支持16进制,当某个颜色不起作用,可以查看官网是否有颜色的限制,或者切换成white,black,16进制试试

     

     

     

    3.input框被输入键盘覆盖

      如  :

    input这些输入框,有一个自带的属性,可以设置键盘到输入框的距离

    如:

    设置样式后正常

                 

     

     

    4.有遮罩层时,禁止滚动

       自己写的遮罩,会出现滚动,导致遮罩层出问题

       解决方案:方法写空也没有关系   @touchmove.stop.prevent="moveHandle"

     

    5.设置pages铺满

        使用vh单位 - 100vh

     

    6.设置单个页面的背景色

    直接在单个页面的样式中

     

    7.设置position为fixed的时候,设置了top,总是不是预期效果

    那是因为默认uniapp的顶部高度是44px,你的定位是相对于页面的最顶端,而不是他配置之后的剩余页面,因此你的定位的高度,如果是fixed,其实应该是默认是top值要加上顶部导航栏高度的啦

     

    8.取消了顶部导航栏,出现页面和手机基本信息(信号,时间等)重合

    设置取消导航栏

           {
    			"path": "pages/addressBook/myInfoDetail", //个人通讯录详情
    			"style": {
    				"app-plus": {
    					"titleNView": false
    				}
    			}
    		},

    取消导航栏后页面在手机的效果

    解决方案,页面上面写样式占位 - css的变量会自动获取到手机顶部信息栏的高度

    <view class="status_bar">
    	<view class="top_view">
    	</view>
    </view>
    
    
    .top_view {
    	height: var(--status-bar-height);
    	width: 100%;
    	position: fixed;
    	background-color: #186ff2;
    	top: 0;
    	z-index: 999;
    }
    	

     

    9.uni.navigateTo无法跳转

    原因又几个 -

    第一,查看你跳转的路径是不是是tabBar的路径(官网上标注了,是不能用navigateTo去跳转tabBar配置的路径,跳转tab配置的页面 - uni.switchTab(OBJECT)

    第二,查看当前的语法是否错误,你的url是都正确

          goDeal() {
    				uni.navigateTo({
    					url: './deal'
    				})
    			}

    第三, 查看pages..json中的路径是否正确

    只有都配置对了才可以正确跳转哦

    如果是想看pages的配置,怎么配置导航栏以及有些什么配置移步一下这篇记录吧!, - https://blog.csdn.net/qq_42625428/article/details/107000042

     

    10.uniapp的富文本,不支持vedio标签,因此uniapp自带的富文本不能上传视频

     

    11,uniapp的请求uni.request是不支持直接传formData的

    因此要想上传formData,需要将修改为如下

     

    12.控制自带的返回按钮去自己想要的页面会出现白屏

     

    解决方法 -  加上延时器,并且返回为true阻止自带得默认行为

     

     

    13.下拉刷新在app端没有效果

    注意,scroll-view有自己的下拉刷新,如果是原生配置像下面配置使用的,在页面中就不能用scroll-view了

    
    {
    			"path": "pages/commonComponents/DynamicForm/index", //公共表单首页
    			"style": {
    				"enablePullDownRefresh": true, //可以下来刷新
    				"titleNView": {
    					"titleColor": "#ffffff",
    					"titleText": "",
    					"backgroundColor": "#186ff2"
    				},
    				"navigationStyle": "default",
    				"pullToRefresh": {  //下来刷新样式
    					"support": true,
    					"style": "default",
    					"offset": "70px",
    					"color": "#007AFF",
    					"contentdown": {
    						"caption": ""//下拉可刷新自定义文本
    					}
    				}
    			}
    
    
    onPullDownRefresh(){
    			// console.log('onpull')
    			if(this.TabCur == 0){
    				uni.stopPullDownRefresh()
    				return
    			}
    			this.$nextTick(() => {
    				this.$refs.approvalDate.getList();
    				setTimeout(() => {
    					uni.stopPullDownRefresh()
    				})
    			})
    

    也就是说scroll-view可以定义自己的刷新,也可以使用原生配置刷新,但是不能进行混合使用哦

    scroll-view的下拉刷新有自己的定义事件,如下

    14.注意uniapp的api支持的范围,有些是只支持h5。

    所以想要实现富文本上传视频啊,附件上传,附件预览等等功能看下面这篇

    https://blog.csdn.net/qq_42625428/article/details/107000042

     

    15.绑定点击事件不起作用,或直接被触发多次 - @click.native(原生绑定)

    <view class="form_button flex_a" v-if="showSearchList">
    	<u-button @click.native="searchSubmit">确定{{searchChooseNum}}</u-button>
    </view>

    16.scroll-view不起作用

    <view class="home-menus">
    	<scroll-view scroll-x="true" class="home-menus-content">
    		<image v-for="(item, index) in imgs" :key="index" :src="item"></image>
    	</scroll-view>
    </view>

    给父元素 - home-menus添加一个css

    white-space: nowrap;

     

     

     

    展开全文
  • uniapp坑【报Bug】

    2020-09-12 15:35:34
    1.【报Bug】代码报错 read EBADF 解决: 开启端口

    1.【报Bug】代码报错 read EBADF

    解决:

    开启端口

    2.【报Bug】小程序工具报Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors

    解决:小程序的版本太低,切换下

    展开全文
  • uniapp坑之rich-text标签渲染富文本时video会消失. 最近在搞uniapp项目,做视频详情页渲染时,遇到rich-text标签渲染video标签一直无法显示视频的问题。经查询 上图链接 uniapp-richtext标签 rich-text无法渲染,...

    uniapp坑之rich-text标签渲染富文本时video会消失.

    最近在搞uniapp项目,做视频详情页渲染时,遇到rich-text标签渲染video标签一直无法显示视频的问题。经查询
    在这里插入图片描述
    上图链接 uniapp-richtext标签

    rich-text无法渲染,我们可以去插件市场 找uParse 富文本解析插件进行替换
    uParse 地址:uParse插件链接

    展开全文
  • uniapp新手必须的知道的

    千次阅读 多人点赞 2020-06-10 09:02:42
    有学过微信小程序开发和vue的,uniapp开发成本低,但是还是不能忽视了注意事项,别给自己带来麻烦,以下是我从官网上抽取的,希望接下来的开发能够顺利进行,文字有点多,但细看益处多多,go~~~ 开发工具下载标准版...
  • 关于uniapp的一些记录

    千次阅读 2020-03-19 08:58:16
    最近投身一家外包公司,要求做uniapp项目记录一下 1.在uniapp中 动态绑定input 也就是使用@input 时绑定函数中 需延迟执行代码才管用,如: setTimeout(() => { this.user.Password = this.user.Password....
  • 第一次使用uniapp 遇到的

    千次阅读 2020-06-04 11:15:04
    必须要加上~@,否则的话,图片显示不出来 5,关于宽度的问题 一般两边都会留白 这个时候,不同的手机宽度会有不同,在uniapp 里面,我们只需要用padding写好两边的值,内容的宽度不用写,会把剩下的称满
  • uni-app的那些

    千次阅读 2020-05-13 22:38:14
    -- #ifdef MP-WEIXIN --> <view class="wx-nav"> <view class="iconfont icon-fangdajing"></view> <text>uniapp</text> <view class="iconfont icon-xiaoxi"></view> </view> <!-- #endif -->
  • 1.使用vue-cli创建的uni-app的静态资源必须存放在static文件夹下, 尝试了绝对路径,相对路径都报错,找了半个多小时才度娘出来, ...2.vue组件数据单向流设计模式 今天使用uni写组件的试试,怪自己学识短浅遇到了这个...
  • 说明: 使用uniapp开发h5 app 微信小程序时遇到的问题总结 总结: 使用uniapp开发h5 app 微信小程序是现在得主流,但是uniapp还是存在不少得,不管是框架的还是vue语法在小程序上使用的都不少,所以开发的时候...
  • uniapp-swiper

    2021-06-14 20:14:22
    uniapp-swiper 1.组件名称swiper.vue或者Swiper的话,在传递数据的时候有可能图片就不见了。 2.改变图片的大小要用rpx。 3.swiper组件有默认的高度为150px,app中需要改变默认高度。 解决办法给swiper组件设置...
  • uniapp 踩过的

    2021-04-20 17:17:35
    uniApp指南: 1. 一切涉及到要获取Dom进行操作的方法都不能快设备跨端编译,微信端与app都不能获取到document window 等等。 2. 先结论:不要尝试修改默认组件的css样式。例如:scroll-view,swiper等等,使用...
  • Uniapp

    2020-07-07 17:06:16
    一、时常组件传递值,watch能打印,就是渲染不上,总结一下,应该是传递的值太深,具体去看vue的官网,解决方案,下面。 watch: { //这里的wath不起效果,vue官网说嵌套太深会导致不起效, ...
  • uniapp记录

    2020-07-17 14:45:36
    第一次使用uniapp 开发 仅以此文记录填之路 1. 小程序端运行正常,真机调试404 是否在同一网络,防火墙是否关闭 后台接口方法若有返回值 需加 @ResponseBody注解 2. 挂载于main.js中的参数 有的页面无法访问 ...
  • uniapp之那些年踩过的前言一、渲染数据视图不更新问题二、插件的使用三、关于第三方登录四、关于请求接口报错五、关于一些语法六、关于样式设置的问题总结 前言 uni-app就有点像是vue和小程序的结合,但是刚...
  • uniapp开发时可能会遇到真机点击无反应的情况,本文提供了一种解决问题的思路
  • 最近公司做一个app,用uniapp把h5打包成app.. 和后台对接口的时候遇到了超级大坑,将近解决了一天,话不多说,进入主题。。 首先需要必须必须注意的一点就是: uniapp写 h5 不 支 持 设 置 请 求 头!! 举...
  • -- #endif */ 简单来说就是uniapp不支持使用Jquery,它自己已经携带了很多的API接口,如果非要使用jquery,那就只能使用条件编译语句,而且只能够在H5场景中使用,其他的场景也无法操作DOM元素,还是多去熟读一下...
  • uniapp踩坑记录(持续更新)

    千次阅读 2020-04-01 18:34:58
    由于刚刚接触没多久,踩的不多。希望可以帮到你。 uniapp官网 1、有关于vantUI版本的问题。app和小程序必须要用vant weapp,链接地址为 vant app官网地址。如果你执意要使用vantUI 那么你可能会遇到如下的报错信息...
  • uniapp踩坑日记

    2021-09-08 13:58:44
    自定义组件不能使用onLoad、onReady等生命周期,而要使用Vue提供的生命周期 fixed定位如果被tabBar挡住,可以设置bottom:var(--window-bottom); hbx连接不上手机,android,iOS没有驱动,可以安装itools,确保...
  • uniapp指北

    2020-12-04 21:37:29
    写一篇关于uniapp的博客 都有哪些项目上出现的问题,以及如何解决的 使用浏览器解析的时候出现了跨域问题,使用小程序进行编译的时候就没了跨域问题了 从uniapp使用的开发软件,到创建,到运行,如何打包不同平台的...
  • 项目使用npm vue初始化项目:初始化项目选的默认模板,模板选不对,然后就是node-sass和sass-loader版本问题,一直编译失败,这是第一个。 项目引用uniapp的扩展组件:想要使用uniapp的扩展组件table,然后发现...
  • uniapp ref的

    千次阅读 2020-06-22 13:13:59
    uni-app 中可以使用$refs,但是需要注意的是在小程序和App平台不能引用内置组件
  • methods: { initData(id) { console.log(id); const that = this console.log('cakeid' + id); uni.request({ url: config.apiURL + '/cake/' + id, method: 'GET', success: function...
  • uniapp笔记和

    2020-08-14 18:15:19
    新建 uniapp 项目后,点击运行在微信编辑器的时候,若是第一次,会弹窗输入微信编辑器安装包所在的文件目录 如果在微信编辑器运行失败,需要编辑器——设置——安全设置——开启服务器端口 运行在手机,需要连接手机...
  • uniapp下拉刷新避指南

    千次阅读 2020-12-23 17:09:46
    uniapp下拉刷新 uniapp的下拉刷新有两个方法, 一种是整体的下拉刷新, 使用页面生命周期函数onPullDownRefresh; 另外一种是局部的下拉刷新也叫自定义下拉刷新, 使用scrpll-view组件中的自定义下拉刷新事件. 一.整个...
  • uniapp-tailwind-uview-starter 利用uniapp + tailwindcss + uview构建的一套基础模板 背景:之前用uniapp + uview开发了一大一小两个小程序, css方案用的原子风格的,发现用的还是挺爽的,就在想能不能用上...
  • uniapp之旅

    2021-04-19 20:28:21
    uniapp 页面传递参数 数据过大的解决办法 传递参数:encodeURIComponent(JSON.stringify(data)) 接受参数:JSON.parse(decodeURIComponent(data))
  • 来看看原生小程序的点:原生wxml开发对Node、预编译器、webpack支持不好,影响开发效率和工程构建流程。所以大公司都会用框架开发。微信定义的这套语法,wxml、wxs,以及wx:if等语法,私有化太强。不如正经学vue,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,027
精华内容 810
关键字:

uniapp的坑

友情链接: s2s3h.rar