当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 小程序笔记下

小程序笔记下

2020年04月29日  | 移动技术网IT编程  | 我要评论

  • 小程序组件

    • 网址：
    • 一款专注于移动端的ui库
    • 操作反馈组件
      • 交互操作组件，必须调用api方式使用
    • 组件的使用类似html，但是必须闭标签
    • 组件的分类
      • 功能性组件(eg:icon)
        • 完成具体功能的
      • 布局类型
      • api类型（eg:wx.showmodal）
        • 通过调用一个方法使用

  • 页面间跳转（使用navigator组件）

    <!-- 可以返回上个界面 -->
  <navigator url=""></navigator>
<!-- 不返回 -->
    <navigator url="" redirect></navigator>

  • 页面间传值

    • 传值：在链接上问号后接参数
    • 接受值
      onload方法的第一个参数option（对象）
      page({
    data:{},
    onload:fuction(option){
      //option用于处理页面跳转带来的参数
      console.log(option)
    }
  })

  • 实现点击元素高亮

      .demo{
    cursor:pointer;
  }

  • 页面导航的另外一种方式（使用api）

    <button bindtap="taphandle">跳转</button>

    page({
  taphandle :funnction(){
    //1.
    wx.navigateto({
      url:"../demo/demo"
    })
    //2.相当与加了redirect的navigator
    wx.redirectto({
      url:"../demo/demo"
    })

    //3.往回跳转,默认返回上一页
    wx.navigateback({
      delta:2//返回的层数，超出历史记录是，默认回到最原始界面
    })

  }
})

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网