uni-app 多种api方法使用+vue3语法糖

视频功能：

<template>
   <view>
      <video :src="videoSrc"  :autoplay="autoplay"  :controls="true"></video>
   </view>
</template>
<script>
export default {
  data() {
       return  {
           videoSrc:'http://example.com/video.mp4'，// 视频文件地址
           autoplay: false，// 是否自动播放
        }
   onLoad() {
        //页面加载时执行的操作
   },
    methods:{
      playVideo(){
         //执行播放视频的代码
         this.$refs .videoPlayer.play();
      }
      pauseVideo() {
        // 执行暂停视频的代码
         this .$refs.videoPlayer.pause();
        }
     }
}
</script>

小程序的跳转 获取跳转参数  多页跳转

--->a页面
 uni.navigateTo({
        url: '/pages/goods/detail?id=' + id + '&categoryId=' + categoryId
 })

--->a页面
接受参数 并获取上一页页面内容
onLoad(options=>{
    console.log(options)  //跳转传递的参数
})
onShow()=>{
     let page = getCurrentPages(); //以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面
     let currentPage = page[page.length - 1]; // 当前页面对象
     let prevpage = page[page.length - 2]; //上一个页面对象
     console.log('当前页面对象路径', currentPage.route,'上一页面对象路径',prevpage.route)  
     prevpage.setData({
        account:account,//对上一个页面对象修改的数据进行赋值
    })
    
    uni.navigateBack(
      delta:index   //index 定义要退回几个页面
    })
}

微信小程序分享好友 朋友圈功能

—— 、分享好友
//监听用户点击页面内转发按钮（button 组件 open-type="share"）
 <button  open-type="share">分享按钮</button>
 let share={
      title: currentDetailData.value.goodsName,  //展示的标题
      path:  '/' + getCurrentPages()[getCurrentPages().length - 1].route +
        '?id='+ JSON.stringify(shelfAreaList.id) +'&intoType=' +
        JSON.stringify('share'),    //传递的路径和参数(点击分享的内容时需要调用)
       imageUrl:'xxxx'  //展示的图片      
     }
 onShareAppMessage(res => {
  // 普通商品正常分享
  return share
})
二 、分享朋友群
onShareTimeline() {
    return {
      title: '标题',
      query: 'userId='+Constant.userId+'&storeId='+Constant.curStoreId+'&share=true',
      imageUrl:'xxxx'  //展示的图片      
    }
  }

三、用户点击分享的小程序
//使用onLoad生命周期调用
onLoad(options => {
     //传回来的参数  
  console.log(options)
     //decodeURIComponent 编码的所有字符串
  let itemid = JSON.parse(decodeURIComponent(options.id));
                  
});

修改导航栏名称

  //可直接修改
  uni.setNavigationBarTitle({
    title: '名称', 
    success: function () {
        console.log('标题设置成功');
    },
    fail: function (err) {
        console.error('修改失败', err);
    }
  })

定位获取经纬度 拒绝后想再次定位方式

  // 进入后 会出现弹窗客户可以选择拒绝 同意后会执行一下内容
  uni.getLocation({
    type: 'gcj02',
    success: async res => {
      // 定位已开启
      consolo.log(res,'定位参数')
       const res1:any=(res.latitude,res.longitude)
    },
    fail: function (err) {
       // 定位未开启
      uni.showToast({
        title: '获取定位失败',
        icon: 'none'
      })
    }
  })
  
  // 拒绝后如果想再次 获取定位可使用 
  uni.openSetting();  // 引导用户前往设置页面 

加个关注不迷路 后续持续跟新