微信小程序遇到的一些问题及解决方法(设备安装)

news/2024/7/10 3:09:52 标签: 微信小程序, 小程序, 前端, vue, javascript

小程序>微信小程序遇到的一些问题及解决方法

  • 1、[js将字符串按照换行符分隔成数组](https://blog.csdn.net/pgzero/article/details/108730175)
  • 2、[vue byte数组](https://www.yzktw.com.cn/post/1202765.html)
  • 3、使用vant-weapp的文件上传capture="camera" 无法直接调用摄像头
  • 4、[errMsg: "request:fail -2:net::ERR_FAILED" errno: 600001](https://www.cnblogs.com/iuniko/p/16190740.html)
  • 5、[小程序>微信小程序 页面跳转传递值几种方法详解](https://www.5axxw.com/questions/simple/fiswlj)
  • 6、[小程序>微信小程序视频播放,点击视频大屏展示预览](https://codeleading.com/article/27516516216/#google_vignette)

1、js将字符串按照换行符分隔成数组

javascript">//转换成数组
snsArr=str.split(/[(\r\n)\r\n]+/);
//删除空项
snsArr.forEach((item,index)=>{
      if(!item){
          snsArr.splice(index,1);
      }
})

2、vue byte数组

1)、byte数组

javascript">let arr = new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f, 0x20, 0x57, 0x6f]);

2)、将byte数组转换为字符串

javascript">let str = String.fromCharCode.apply(null, arr);
console.log(str);

3)、将字符串转换为byte数组

javascript">let str = "Hello World";
let arr = new Uint8Array(str.length);

4)、在Vue中使用byte数组。例如,我们可以使用axios发送包含byte数组的POST请求

javascript">let arr = new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f, 0x20, 0x57, 0x6f]);
axios.post('/api', arr).then(response =>{
	console.log(response.data);
});

3、使用vant-weapp的文件上传capture=“camera” 无法直接调用摄像头

javascript"><template>
	<van-uploader
	 :file-list="fileListImage"
	 accept="media"
	 :capture="capture"
	 camera="back"
	 compressed
	 max-count="9"
	 max-duration="60"
	 media-type="['image', 'video']"
	 @after-read="afterReadImage"
	 @delete="deleteFileImage"
/>
</template>

export default {
  data() {
    return {
      capture: ["camera"],
    };
  }
}

4、errMsg: “request:fail -2:net::ERR_FAILED” errno: 600001

在这里插入图片描述

5、小程序>微信小程序 页面跳转传递值几种方法详解

1)、路由传参

javascript">// 通过页面路由函数wx.navigateTo或wx.redirectTo的第二个参数传递数据
wx.navigateTo({
  url: '/pages/details/details',
  success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('acceptDataFromOpenerPage', {data: 'test'})
  }
});

// 在被打开页面的onLoad方法中使用wx.onEvent监听事件,并获取数据
onLoad: function(options) {
   var _this = this
   // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据
   const eventChannel = this.getOpenerEventChannel()
   eventChannel.on('acceptDataFromOpenerPage', function(data) {
     console.log(data) //输出{data: 'test'}
     _this.setData({
       test: data.data
     })
   })
}

2)、本地缓存传参

javascript">// 跳转前页面存储数据
wx.setStorageSync('key', 'value')
wx.navigateTo({
   url: '/pages/index/index'
});

// 跳转后页面获取缓存数据
onLoad: function () {
   var value = wx.getStorageSync('key')
   console.log(value) //输出"value"
}

3)、全局变量传参

javascript">// 跳转前页面存储数据 app.js
App({
  globalData:{
    key: 'value'
  }
})
//page.js
wx.navigateTo({
   url: '/pages/index/index'
})

onLoad: function () {
   var app = getApp()
   console.log(app.globalData.key) //输出"value"
}

4)、URL传参

javascript">// 通过在URL中携带参数传递数据,如:"/pages/details/details?id=1001"

// 在接收页面的onLoad方法中可以获取传递的参数:
onLoad: function(options) {
   console.log(options.id) //输出1001
}

6、小程序>微信小程序视频播放,点击视频大屏展示预览

javascript"> <video src="{{videosrc}}" bindtap="previewVideo" data-current="{{videosrc}}" class="video"></video>
  // 视频预览 也可图片预览
  previewVideo(e){
    wx.previewMedia({
      sources: [{
        url: e.currentTarget.dataset.current, //视频播放路径
        type: 'video'//video视频 image图片
      }]
    })
  },

http://www.niftyadmin.cn/n/5011836.html

相关文章

基于SSM的社区管理与服务系统

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…

数据结构与算法基础-学习-32-选择排序之简单选择排序、堆排序

目录 一、简单选择排序基本思路 二、简单选择排序基本操作 三、简单选择排序算法思路 四、简单选择排序代码 1、SimpleSelectSortSentrySqQueue 五、简单选择排序算法分析 1、记录移动次数 2、记录比较次数 六、简单选择排序Linux环境编译测试 七、堆的定义 八、堆调…

QTableView通过setColumnWidth设置了列宽无效的问题

在用到QT的QTableView时&#xff0c;为了显示效果&#xff0c;向手动的设置每一列的宽度&#xff0c;但是如下的代码是无效的。 ui->tableView->setColumnWidth(0,150);ui->tableView->setColumnWidth(1,150);ui->tableView->setColumnWidth(2,150);ui->t…

java 企业工程管理系统软件源码 自主研发 工程行业适用

工程项目管理软件&#xff08;工程项目管理系统&#xff09;对建设工程项目管理组织建设、项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营&#xff0c;全过程、全方位的对项目进行综合管理 工程项目各模块及其功能点清单 一、系统管理 1、数据字典&am…

flutter开发实战-实现自定义bottomNavigationBar样式awesome_bottom_bar

flutter开发实战-实现自定义bottomNavigationBar样式awesome_bottom_bar 在开发过程中&#xff0c;需要自定义bottomNavigationBar样式&#xff0c;可以自定义实现&#xff0c;这里使用的是awesome_bottom_bar库 一、awesome_bottom_bar 在pubspec.yaml中引入awesome_bottom_…

智安网络|面临日益增长的安全威胁:云安全和零信任架构的重要性

随着云计算技术的快速发展和广泛应用&#xff0c;云安全和零信任架构变得愈发重要。在数字化时代&#xff0c;云计算技术得到了广泛的应用和推广。企业和组织借助云服务提供商的强大能力&#xff0c;实现了高效、灵活和可扩展的IT基础设施。然而&#xff0c;随着云环境的快速发…

洗衣洗鞋小程序干洗店洗衣店上门取衣门店管理系统开发定制

校园洗衣洗鞋软件是一款非常优质的校园洗护服务软件&#xff0c;软件功能非常强大&#xff0c;学生们可以通过软件预约洗衣服务&#xff0c;支持上门取送&#xff0c;还能够浏览洗衣产品商城&#xff0c;操作非常便捷&#xff0c;感兴趣的朋友快来体验吧&#xff01; 后台管理…

404 not found nginx(dist打包后,刷新和跳转都是404 not found nginx的问题) 解决方案(打包发布在服务器)

当我们执行了yarn run build之后&#xff0c;生成dist文件 我们将代码放入nginx-1.24.0下面的html中 然后我们就配置conf文件下的nginx.conf 配置方面不介绍了&#xff0c;主要问题是因为没有加这句话 问题分析 index index.htm index.html; index 就是根目录&#xff0c;也就…