uniapp点击事件传递参数
时间: 2023-12-02 14:41:13 浏览: 178
uni-app如何页面传参数的几种方法总结
uniapp中可以通过@click事件来触发函数,并且可以在函数中传递参数。具体实现方法如下:
1.在模板中使用@click事件触发函数,并传递参数。例如:
```html
<view class="code" @click="getdetails(value)">点击跳转详情页</view>
```
2.在methods中定义getdetails函数,并接收传递的参数。例如:
```javascript
methods: {
getdetails(type) {
uni.navigateTo({
url: `./details?type=${type}`
})
}
}
```
3.在目标路由的页面中,可以通过this.\$route.query.type来获取传递的参数。例如:
```javascript
export default {
mounted() {
console.log(this.$route.query.type)
}
}
```
以上就是uniapp点击事件传递参数的实现方法。
阅读全文