uniapp雖然兼容vue趣苏,h5端也不會有什么問題但是上真機之后還會有各種各樣的問題伊诵。
比如:h5端你可以通過
//父組件
//這種方式真機是無法傳值的會報undefined
<view v-for="item in data" :key="item.id">
<view @click="handleClick(item)">點擊</view>
</view>
export default{
data(){
return{
data:[{id:1,name:'tom'},{id:2,name:'jack'}]
}
},
methods:{
handleClick(item){
uni.navigateTo({
url: '/pages/test?name='+item.name
});
}
}
}
//真機
//父組件正確的傳值方式(data- 這種傳值方式只支持json字符串蜗帜,直接傳對象是無法傳值過去的)
<view v-for="item in data" :key="item.id">
<view @click="handleClick" :data-item="JSON.stringify(item)">點擊</view>
</view>
export default{
data(){
return{
data:[{id:1,name:'tom'},{id:2,name:'jack'}]
}
},
methods:{
handleClick(e){
let data= JSON.parse(e.currentTarget.dataset.item);
uni.navigateTo({
url: '/pages/test?name=' + data.name
});
}
}
}