WebCat小程序遇到问题总结

最新推荐文章于 2024-08-16 08:19:40 发布

WeirdOwl

最新推荐文章于 2024-08-16 08:19:40 发布

阅读量1.1k

点赞数

分类专栏： WebCat

本文链接：https://blog.csdn.net/qq_43383334/article/details/83056868

版权

WebCat 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

一.如何在欢迎页不显示tabBar 而在进入主页后显示
1.app.js里面把欢迎页写在最上面，并且不配置到tabBar的list里面（注：如果想在欢迎页也有tabBar，则page里面配置的第一个页面也要存在于tabBar list里面）
在这里插入图片描述
2. 欢迎页
按钮组件事件(注：跳转要用switchTab【其他跳转方式：redirectTo；navigateTo】)

//事件处理函数
  bindViewTap: function() {
    console.log('go')
    wx.switchTab({
      url: '../index/index'
    })
  },

二、微信小程序打开其他小程序(打开同一公众号下关联的另一个小程序，后面有看到说可以跳转不同公众号关联的小程序)
注：只有同一公众号下的关联的小程序之间才可相互跳转
参考或借用：

  wx.navigateToMiniProgram({
  appId: '要打开的AppId',
  path: 'pages/index/index?id=123456789',
  extarData: {
    open: 'happy'
  },
  envVersion: 'release',
  success(res) {
    // 打开成功
  }
})

三、如何使用npm上的自定义组件（已官方的slide-view为例）
1.在项目根目录下载资源 npm npm install --save miniprogram-slide-view
2.点击开发者工具中的菜单栏：工具 --> 构建 npm
构建完成后即可使用 npm 包
在这里插入图片描述
3.在需要使用 slide-view 的页面 page.json 中添加 slide-view 自定义组件配置，（注：要写清构建npm 后的路径，否则报错，这点和官方的不一样）
{
“usingComponents”: {
“slide-view”: “/miniprogram_npm/miniprogram-slide-view/index”
}
}
四、在使用官方模板开发自己的npm组件时 npm install 由于"j-component": “git+https://github.com/JuneAndGreen/j-component.git”, 所以必须要安装git，但是即使安装的时候选择“系统自带CMD：使用windows系统的命令行工具”，即选择第二个“use git from the windows command prompt”。它只会在环境变量里面配置C:\Program Files\Git\cmd;
依然会报git找不到，还是要配置环境变量，配置方法https://blog.csdn.net/m0_37852904/article/details/79198640第一种
五、在使用官方模板开发自己的npm组件时 npm publish 之前先要 npm run build，否则在使用的时候（第三条）会报找不到入口

六、在组件component生命周期ready()获取节点信息
官方描述：
在这里插入图片描述

实测：只有在注册页面上定义的id或者class 才可以使用SelectorQuery 获取到
七、在注册页面json文件里面配置背景色
使用backgroundColor配置，实际上是配置的onPullDownRefresh等功能露出来的颜色，应该在当前注册页面的wxss里面使用

page{
background:#eee;
}

八、微信小程序input 组件丢字问题
https://blog.csdn.net/qq_43383334/article/details/89150621

九、微信小程序picker-view 使用slot 有name不生效

十、小程序生命周期onLoad 与路由成功回调函数在安卓和IOS上的执行顺序不一致
https://blog.csdn.net/qq_43383334/article/details/102499986

参考或者拷贝：
https://blog.csdn.net/Wu_Xiao_Man/article/details/81841311
https://blog.csdn.net/ufo00001/article/details/73608602/
https://blog.csdn.net/Wu_Xiao_Man/article/details/81841311
https://www.jianshu.com/p/de5e9f523c62
https://blog.csdn.net/wochunyang/article/details/70674252