Utilisez uni.navigateBack(OBJECT) pour transmettre des paramètres dans uniapp

Astuce : Une fois l'article rédigé, la table des matières peut être générée automatiquement. Comment la générer peut se référer au document d'aide à droite


Utilisez uni.navigateBack(OBJECT) pour transmettre des paramètres dans uniapp


1. Connaissance avant utilisation


La fonction getCurrentPages() dans uni-app est utilisée pour obtenir l'instance de la pile de pages actuelle, qui est donnée dans l'ordre de la pile sous la forme d'un tableau, le premier élément est la page d'accueil et le dernier élément est la page actuelle.

Remarque : getCurrentPages() est uniquement utilisé pour afficher l'état de la pile de pages, veuillez ne pas modifier la pile de pages pour éviter une erreur d'état de la page.


2. Scénarios d'application

Scénario : passer de la page A à la page B, la page B doit fermer la page actuelle et revenir au niveau précédent, puis la transférer à la page A.


3. Utilisez les étapes

1. Dans la méthode qui doit transmettre les paramètres de la page B


let pages = getCurrentPages(); // 当前页页⾯实例
let nowPage = pages[pages.length -1]; //当前页⾯实例
let prevPage = pages[pages.length -2]; // 上一页面实例
// 需要返回 上一页的数据 Object
let object ={
    
    
	name:'zyz',
	mobile :'1831XXXXXXX'
};

prevPage.$vm.prevDateFun(object) // 调用上一页 定义的方法

// 返回 上一页
uni.navigateBack({
    
    
  delta:1 // 可以不写,默认值为 1
})

2. La page A utilise prevDateFun pour accepter l'affectation de la page B


<script>
export default{
    
    
	data() {
    
    
		return {
    
    
		    name :'',
		    mobile :''
		}
	},
	 methods:{
    
    
		let _this =this
		
		// 方法名,是 B页面 定义的方法名称
		prevDateFun(object) {
    
    
			if(object){
    
    
			     _this.name = object.name 
			     _this.mobile = object.mobile    
			}else{
    
    
				return
			}
		},
	}
</script>

Résumé 0.0

Je suppose que tu aimes

Origine blog.csdn.net/weixin_45344910/article/details/124928350
conseillé
Classement