小程序 button 如何单击传值

女爷i 2022-12-14 03:57 163阅读 0赞

## *小程序 button 如何单击传值* ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjY0MzI5_size_16_color_FFFFFF_t_70_pic_center][]

<button  class="class_button" data-value="{ {item}}" bindtap="submitTask" type="primary"  size="mini">提交任务</button>

如果要获取某一个值 就是

```javascript
    <button  class="class_button" data-value="{ {item.id}}" bindtap="submitTask" type="primary"  size="mini">提交任务</button>

你后面 . 什么 就是获取什么值

接收值

let value= event.currentTarget.dataset.value//获取按钮传来的值 value值

打印值

console.log(value.user_doctor_name)

整体看一下  
js页面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjY0MzI5_size_16_color_FFFFFF_t_70_pic_center 1]  
wxml页面![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjY0MzI5_size_16_color_FFFFFF_t_70_pic_center 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjY0MzI5_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/fb5ac15e32f349d480b002c633ee49f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjY0MzI5_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/ba2727ecc2c746b981f3c2b55b1dea65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjY0MzI5_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/8894d4b148b44d51bcc42a545407b580.png

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序传值的坑

切记：小程序基础库版本低于2.6.3，是不支持eventChannel的，安卓可以通过升级微信解决，ios10升级也不管用解决方法：使用wx.setStorageSync传

浅浅的花香味﹌/ 2023年07月14日 10:35/ 0 赞/ 3 阅读

相关微信小程序之页面传值

方式一：通过url带参数传递固定参数传递：通过`navigator标签的url属性`，实现跳转和传递参数 <navigator url="../detail/

以你之姓@/ 2023年03月04日 09:27/ 0 赞/ 169 阅读

相关不同程序传值

\&---------------------------------------------------------------------\ \& Report ZTS

青旅半醒/ 2022年12月24日 02:55/ 0 赞/ 80 阅读

相关小程序 button 如何单击传值

小程序 button 如何单击传值 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

女爷i/ 2022年12月14日 03:57/ 0 赞/ 164 阅读

相关微信小程序父子组件传值

父传子小程序的父组件可以是page类型，也可以是component类型，子组件一定是component类型。  <vi

àì夳堔傛蜴生んèń/ 2022年11月15日 12:22/ 0 赞/ 294 阅读

相关小程序隐藏button默认样式

样式只能写在元素中，否则不生效样式根据需求自行修改 <button open-type='share' style="padding:0; border-rad

亦凉/ 2022年09月03日 10:19/ 0 赞/ 204 阅读

相关 Button的3种单击事件监听器设置

<Button android:id="@+id/button4" android:layout_width="matc

清疚/ 2022年08月04日 14:45/ 0 赞/ 145 阅读

相关微信小程序--页面传值

> 首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小

雨点打透心脏的1/2处/ 2022年05月28日 08:50/ 0 赞/ 269 阅读

相关小程序自定义组件间传值

一、父组件向子组件传值即WXML 数据绑定：用于父组件向子组件的指定属性设置数据，仅能设置 JSON 兼容数据（自基础库版本 [2.0.9][] 开始，还可以在数据中包含

墨蓝/ 2021年11月23日 01:34/ 0 赞/ 261 阅读

相关微信小程序button单击无效，for循环无效的解决方案

作为新人刚玩微信小程序的时候，经常出现一个简单的功能，小程序总是执行失败，却找不出一点问题，一个button单击，还有上次做的用for循环列表。都是照着教程抄的，却都

柔光的暖阳◎/ 2021年09月29日 07:32/ 0 赞/ 499 阅读