AD:靠谱的微信小程序外包开发

admin

admin

发表于 2017-07-26 21:05:10

摘要:微信小程序开发者社区(www.mntuku.cn)为您提供:微信小程序开发之navigator
相关的资讯,希望对您有帮助。

微信小程序开发之navigator

微信小程序开发过程中navigator使用方法。

作者:gao_xu_520  来源地址:http://lib.csdn.net/article/wechat/65171

一.理解navigator


二.使用

1.navigator跳转页面样式分为两种一种是左上角带返回按钮跳转到新的页面,另一种不带即在本页跳转,通过控制redirect属性


  跳转到navigator新页面
  redirect在当前页打开


2.参数传递:url=navigator/navigator?title=navigator

在index.wxml


  跳转到navigator新页面
  redirect在当前页打开

在redirect.wxml和navigator.wxml中都编写:

 {{title}} 
 点击左上角返回回到上级页面 

在redirect.js和navigator.js中都编写:

var app = getApp()  
Page({
  	onLoad: function(options) {
    	this.setData({
     		 title: options.title
    	})
  	}
})

3.采用wx.navigateTo带参数跳转新页面

在index.wxml


  wx.navigateTo带参数跳转新页面
index.js

 bingurl:function() {
    	wx.navigateTo({
            url: navigator/navigator?title=ll
        })
    }


在navigator.wxml中都编写:

 {{title}} 
 点击左上角返回回到上级页面 

在redirect.js和navigator.js中都编写:

var app = getApp()  
Page({
  	onLoad: function(options) {
    	this.setData({
     		 title: options.title
    	})
  	}
})

4.上传图片带链接跳转到新页面

在index.wxml中


  上传图片带链接跳转到新页面
在index.js中
var app = getApp()  
Page({
	data:{
        tempFilePaths: ,
    },
    	/** 
	 * 上传图片---制作LOMO
	 */
	chooselomo: function () {  
		var _this = this;  
		wx.chooseImage({  
			count: 1, // 默认9  
			sizeType: [original, compressed], // 可以指定是原图还是压缩图,默认二者都有  
			sourceType: [album, camera], // 可以指定来源是相册还是相机,默认二者都有  
			success: function (res) {  
				// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片  
				_this.setData({  
				    tempFilePaths:res.tempFilePaths  
				})
				wx.navigateTo({
		            url: navigatorimg/navigatorimg?title=+_this.data.tempFilePaths
		        })
			}
		})

	}
})

在navigatorimg文件中navigatorimg.wxml:


navigatorimg文件中navigatorimg.js

var app = getApp()  
Page({
  	onLoad: function(options) {
    	this.setData({
     		imgsrc: options.imgsrc
    	})
  	}
})

三.跳转不了问题

1.路径问题:在app.json找不到

我在navigator_index文件中在创建navigator,redirect,navigatorimg文件


2.配置了tabBar的话 ,navigator标签不能跳转,所以tabBar与navigator不能同时出现


42阅读 | 0评论
你的回应
写文章

8079