ui.navigateto只更新url不更新页面数据

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 19.0px; font: 13.0px 'Helvetica Neue'}
我有商品详情里面的猜你喜欢也需要跳转到商品详情列表,使用的ui.navigateto但是url更新,在mounted方法中有调用接口更新数据,但是无效
已邀请:

admin

赞同来自:

注意页面是否开启缓存,如果开启缓存则不会执行mounted

peng

赞同来自:

<template>
<ui-page>
<ui-button bindtap="navigateToProduct(1)">id = 1</ui-button>
<ui-button bindtap="navigateToProduct(2)">id = 2</ui-button>
<ui-button bindtap="navigateToProduct(3)">id = 3</ui-button>
<ui-button bindtap="navigateToProduct(4)">id = 4</ui-button>
<ui-button bindtap="navigateToProduct(5)">id = 5</ui-button>
</ui-page>
</template>
<script>
export default {
mounted () {
this.showProductInfo('')
},
watch: {
'$route.query' (query) {
console.log(query)
this.showProductInfo(query.id)
}
},
methods: {
navigateToProduct (id) {
ui.navigateTo({
url: `/pages/product?id=${id}`
})
},
showProductInfo (id) {
console.log(`this is product ${id}`)
}
}
}
</script>

添加一段watch代码

要回复问题请先登录注册



QQ:378966107

邮箱:frank@uileader.com

微信进交流群 加小助手微信进交流群