小程序通过场景值跳转到相应的界面Vue

最新推荐文章于 2024-03-21 22:41:24 发布

原创最新推荐文章于 2024-03-21 22:41:24 发布 · 237 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #小程序 #javascript #前端 #ecmascript

本文介绍了一个小程序应用在不同场景下的启动逻辑，包括首次加载时的行为记录及再次打开时如何根据不同的参数来决定导航到特定页面的实现方式。通过分析uni-app框架下的onLaunch和onShow方法，展示了如何使用这些方法来提升用户体验。

<script>

export default {
  onLaunch: function (options) {
	  console.log('app onLoad');
	  console.log(options);  
    var logs = uni.getStorageSync('logs') || [];
    logs.unshift(Date.now());
    uni.setStorageSync('logs', logs);
  },
  onShow:function(options){
	 console.log('app onShow');
	 console.log(options);
	 const {path,query,scene} = options;
	 console.log(scene);
	 //query
	 let sceneurl = decodeURIComponent(query.scene);
	 console.log('sceneurl ' + sceneurl);
	 //let sceneurl = decodeURIComponent(tempscene); 
	 if(sceneurl && sceneurl.toString().indexOf("?") != -1){
		 console.log('inner');
		 uni.navigateTo({
		     url: path + sceneurl
		 });
	 }
  },
  globalData: {},
  methods: {}
};
</script>
<style>
@import "./app.css";
</style>