美文网首页
小程序项目笔记(一)

小程序项目笔记(一)

作者: 二荣xxx | 来源:发表于2021-09-21 23:45 被阅读0次

一、路由切换的两种方式

1、wx.navigateTo
保留当前页面,跳转到应用内的某个页面(小程序中页面栈最多十层),该方法跳转的页面没有home按钮

wx.navigateTo({
   url: '/pages/chat/chatList'
});
// 传参
uni.navigateTo({
   url: '../good/goodInfo?id=' + e.currentTarget.dataset.stockid
});

uni.navigateTo({
   url: `./chat?roomId=${roomId}&joinOpenId=${openId}&nickName=${nickName}`
});
// 获取
onLoad(options){
  console.log(options.xxx)
}

2、wx.redirectTo
关闭当前页面,跳转到应用内的某个页面。该方法跳转的页面有home按钮

wx.redirectTo({
  url: 'test?id=1'
})

二、分享(转发)功能

配合type和API实现,限制在button上使用

<button open-type="share">分享</button>
 onShareAppMessage(res) {
     title: this.goodInfo.title,
     imageUrl: this.goodInfo.images[0],
     path: '/pages/good/goodInfo?id=' + this.goodInfo.id
  }

三、复制到剪切板

配合点击事件和API(setClipboardData)使用

<view @click="copyTitle">复制</view>
copyTitle() {
    wx.setClipboardData({
       data: this.goodInfo.title,
       success(res) {},
       fail() {}
}

相关文章

  • 小程序项目笔记(一)

    一、路由切换的两种方式 1、wx.navigateTo保留当前页面,跳转到应用内的某个页面(小程序中页面栈最多十层...

  • 小程序学习笔记-2:NavigationBar和TabBar的使

    上一篇:小程序学习笔记-1:微信小程序项目结构 本篇内容* NavigationBar和TabBar的设置* ...

  • 小程序项目笔记

    这是测试 小标题 三级标题

  • 一款简单微信小程序个人博客。后端基于SpringBoot实现

    项目介绍 简单微信笔记小程序. 文档 https://a870439570.github.io/blog-shar...

  • 小程序项目笔记(三)

    一、小程序显示上传图片的张数 例如:最多上传九张图片 二、在JS 文件里面调接口 有一个接口需要经常调用,并且调用...

  • 小程序项目笔记(二)

    一、小程序返回时弹窗 有这样一个需求:小程序点击左上角返回按钮时弹出一个判断框,原本觉得很简单,监听一下左上角的点...

  • 微信小程序反编译实践

    在做爬虫项目的时候,有时可以通过爬取小程序的后端接口的加密算法。下面是小程序反编译的实践笔记。 所需工具 已获取 ...

  • 小程序部署流程

    小程序部署流程: 一、 注册小程序(小程序接入指南) 二、创建小程序项目(简易教程·小程序) 三、部署开发环境(开...

  • 微信小程序

    创建小程序 新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个...

  • uni-app开发小程序时遇到的坑

    最近没有更新笔记,因为在做一个紧急项目。 使用uni-app开发微信小程序,项目周期很短,所以每天都在加班的节奏。...

网友评论

      本文标题:小程序项目笔记(一)

      本文链接:https://www.haomeiwen.com/subject/jyfwgltx.html