首页 > 编程语言> 文章详细

微信小程序这一块（下）

2019-12-11 21:07:17 阅读：271 来源： 互联网

标签：console 自定义微信程序一块跳转组件页面 wx

1、小程序分为两部分：页面、组件

2、小程序中如何定义自定义组件？

　　凡是通过Page创建的都是页面，而通过Components创建的都是组件

　　当组件创建成功后，在需要使用的页面进行引入，（找到页面的json文件中的usingComponents配置项进行引入，key值是组件名称，value值是组件的路径）

　　！！！注意：自定义组件的事件必须放在methods中去

3、小程序中自定义组件如何进行传递参数

　　页面与组件进行传参？

　　　　给组件绑定自定义属性

　　　　在组件内部通过properties进行接收

　　-----------------------------------------------------------

　　组件与页面进行传参

　　　　给组件绑定自定义事件　　bind自定义事件名称

　　　　在组件内部通过生命周期attached进行传递，在attached中通过调用this.triggerEvent进行事件的传参（第一个参数为自定义事件名称，第二个参数是需要传递的参数）

4、小程序中存储、读取、删除数据

onLoad(){
    // wx.setStorage({//存储数据异步
    //   key:"wang",
    //   data:[{name:"wangwenchao",age:"20"}],
    //   success:function(){//在回调中可以验证是否存储成功
    //     console.log("存储成功")
    //   }
    // })


    // wx.setStorageSync("city",[{name:111,age:888}])//异步存储数据

  // wx.getStorage({//异步获取数据
  //   key:"wang",
  //   success:function(data){
  //     console.log(data)//这里是你要获取的数据
  //   }
  // })

  // var data=wx.getStorageSync("wang")//同步获取数据
  // console.log(data)


  // wx.removeStorage({//异步删除数据
  //   key:"wang",
  //   success:function(){
  //     console.log("删除成功")
  //   }
  // })

  // wx.removeStorageSync("city")//同步删除
  // console.log("删除成功")

  }

详情见：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

5、小程序中的路由跳转：

　　　　微信Api跳转，

　　　　　　wx.switchTab、wx.natigator 　　　　　　详情见：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

　　　　组件跳转

　　　　<navigator url="/pages/logs/logs">日志页面</navigator>　　url是跳转路径，默认是，当前页面如果有tabBar那么不支持跳转

　　　　如果需要跳转那么

　　　　<navigator url="/pages/logs/logs" open-type="switchTab">日志页面</navigator> 　　　　详情见：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html下 6、用户授权的方式？ 　　api 　　

标签：console,自定义,微信,程序,一块,跳转,组件,页面,wx
来源： https://www.cnblogs.com/Bree/p/12025068.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

微信小程序这一块（下）