前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uniapp使用遇到问题汇总

uniapp使用遇到问题汇总

作者头像
知识浅谈
发布2022-05-19 13:08:33
7130
发布2022-05-19 13:08:33
举报
文章被收录于专栏:分享学习
  1. uniapp2.x 和 uniapp1.x 导入内容很多不一样,且有些内置样式2.x中暂时还没有。
  2. module.exports既可以通过点语法,也可以直接赋值一个对象 例 module.exports.xxx=xxx 可以简写成 module.exports=xxx 然后在main.js 中app.mount() 之前使用require(‘@/config/XXX.js’)(app) 将app参数传递到配置中。
  3. 对于没有的变量需要先声明然后赋值,声明和复制的时候注意使用 uni这个全局变量,不要使用vm ,这个报错,Eg: uni.$u.api={} api没有这个变量的先声明出来再进行赋值。
  4. vue中的标签使用data属性中的值的时候用双引号绑定,且""中的不用{{}}括起来,直接写在双引号中Eg :src=“item.url”
  5. 请求头中的参数的url参数注意 params:{‘a’:‘a’} 这个是放到请求头上的,传递给get的参数的时候,外边要再加一层 {},也就是{‘params’:params},当然里边还可以加上header之类的。总结:注意请求的时候参数放在请求头和请求体的内容是不一样的 请求头 需要外套一层{} 请求体则不需要 来用于区分。
  6. js中的reduce()函数的使用,用法是每次遍历一个元素为cur pre是前边遍历返回的结果 ,第二个参数为初始化的值指定了初始的pre

Eg:

代码语言:javascript
复制
options = {'a':'a1','b':'b1'}
optionsKeys =['a','b'];
params = optionsKeys.reduce((pre,cur) => {
	return pre + cur + '=' +options[cur]+'&'
},'?')
最后的值为?a=a1&b=b1

7. uni.$u 和 this 这两个的使用,对于每个vue中定义的数据的调用,尽量还是用this,对于定义的vuex中的变量或者一些工具方法或者api之类的还是用uni,因为this是指的当前调用某个方法的vue实例,关于this的用法

8. 关于uniapp的小程序跳转,如果是要跳转到tabbar的页面,需要制定类型为type=“switchTab”,而非tabbar可指定其他类型。

9 . relaunch在app上会导致无法返回首页

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-05-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档