uniapp父子界面间的数据传递
在做项目中遇到了点击一个选项卡片(展示部分信息),然后在另一个界面中需要展示这个卡片中所有数据的详细内容的功能。下面是能够拿到数据的两种方法:
一、使用storage缓存完成(可以实现效果)
在uniapp官网API中提供了数据缓存的方法uni.getStorage(object)和uni.setStorage(object)。通过这两个方法,我们可以将相应的数据存储到缓存中去,并在另一个界面中拿到数据进行使用。关于方法的具体说明小伙伴可以去官网查看详情,这里不在过多陈述。下面看一下使用实例代码:
/*代码仅供理解*/
数据页面代码:
<template>
<view v-model="data">
<view>{
{data.name}}</view>
<view>{
{data.age}}</view>
<view @click="click(data)"></view> //绑定data中的数据
</view>
</template>
<script>
export default{
data(){
return{
data:{name:'张三',age:10}
}
},
methods:{
click(res){
//uni.setStorage(object),大括号表示对象,内容是对象属性
uni.setStorage({
key:'set', //键名字,随便起但拿数据也要拿这个键名字
data:res, //前面的是object对象的属性,后面的是跟着clic