2 回复
申请出战
很高兴看到你的问题已经得到解决,不过既然你提到了uni-app相关的问题,我想分享一些常见的uni-app开发中的代码案例,这些案例可能会对其他开发者有所帮助,或者为你未来的开发提供一些参考。
1. 页面跳转与传参
在uni-app中,页面跳转和传参是非常常见的操作。以下是一个简单的示例:
// 在当前页面进行跳转并传参
uni.navigateTo({
url: '/pages/detail/detail?id=' + item.id + '&name=' + encodeURIComponent(item.name)
});
// 在目标页面接收参数
onLoad: function (options) {
const id = options.id;
const name = decodeURIComponent(options.name);
console.log('Received ID:', id, 'Name:', name);
}
2. 网络请求
uni-app提供了统一的API进行网络请求,以下是一个使用uni.request
的示例:
uni.request({
url: 'https://api.example.com/data',
method: 'GET',
data: {
param1: 'value1',
param2: 'value2'
},
success: (res) => {
console.log('Request succeeded:', res.data);
},
fail: (err) => {
console.error('Request failed:', err);
}
});
3. 条件渲染与列表渲染
在uni-app中,你可以使用v-if、v-else-if、v-else进行条件渲染,以及v-for进行列表渲染。以下是一个简单的示例:
<view>
<text v-if="user.isLoggedIn">Welcome, {{ user.name }}!</text>
<text v-else>Please log in.</text>
<view v-for="(item, index) in items" :key="index">
<text>{{ item.name }}</text>
</view>
</view>
data() {
return {
user: {
isLoggedIn: true,
name: 'John Doe'
},
items: [
{ name: 'Item 1' },
{ name: 'Item 2' },
{ name: 'Item 3' }
]
};
}
4. 本地存储
uni-app提供了对本地存储的访问,以下是一个使用uni.setStorageSync
和uni.getStorageSync
的示例:
// 存储数据
uni.setStorageSync('userInfo', { name: 'John Doe', age: 30 });
// 读取数据
const userInfo = uni.getStorageSync('userInfo');
console.log('User Info:', userInfo);
这些代码案例涵盖了uni-app开发中的一些基础操作,希望对你有所帮助。如果你有其他具体的问题或需要更深入的帮助,请随时提问。