=url: '/pages/news/detail?id=' + item.id=
时间: 2023-09-11 08:12:24 浏览: 130
这里的 `/pages/news/detail?id=` 是目标页面的路径,`item.id` 是当前循环项的 ID,可以根据实际情况来修改。比如,如果你的目标页面路径是 `/pages/article/detail?id=`,那么代码就应该改为:
```js
uni.navigateTo({
url: '/pages/article/detail?id=' + item.id
})
```
这样跳转后,目标页面就会接收到一个名为 `id` 的参数,可以在目标页面的 `onLoad` 函数中通过 `options.id` 来获取。
相关问题
=url: '/pages/news/detail?id=' + item.id= 跳转的页面怎么写
跳转的页面需要在小程序项目中创建一个新的页面,然后在跳转时指定该页面的路径。比如,你可以在小程序项目的根目录下创建一个名为 `detail` 的文件夹,然后在该文件夹下创建一个名为 `index.vue` 的文件,作为跳转的目标页面。
在 `index.vue` 文件中,你需要编写页面的代码,比如展示文章内容、评论等。同时,你还需要在页面的 `script` 标签中编写 `onLoad` 函数,用于接收跳转时传递的参数。示例代码如下:
```html
<template>
<view class="detail">
<view class="title">{{ title }}</view>
<view class="content">{{ content }}</view>
<view class="comment" v-for="(item, index) in comments" :key="index">
<view class="author">{{ item.author }}</view>
<view class="text">{{ item.text }}</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: '',
content: '',
comments: []
}
},
onLoad(options) {
// 从跳转时传递的参数中获取 id
const id = options.id
// 根据 id 加载文章内容和评论
// ...
}
}
</script>
```
在 `onLoad` 函数中,你可以通过 `options.id` 获取跳转时传递的 `id` 参数,然后根据该参数加载相应的文章内容和评论等信息,并将其保存到页面的 `data` 对象中。这样,在页面加载完成后,就可以在页面中展示这些信息了。
阅读全文