码迷,mamicode.com
首页 > 其他好文 > 详细

小程序参数传递

时间:2018-08-06 11:44:26      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:文件   结束   set   参数传递   rip   分享   img   数加   div   

  目标:通过点击xwml中的元素,将参数传递到后端,以回调不同的数据

  数据传输的顺序是 xwml->js->跳转页面->后端

   技术分享图片

  可以直接在button中绑定数据,data-{{参数名}}

<view>
  <button type="primary" bindtap="To_question" data-v="0">全部</button>
</view>

<view>
  <button type="primary" bindtap="To_question" data-v="1">计算机基础</button>
</view>

<view>
  <button type="primary" bindtap="To_question" data-v="2">算法</button>
</view>

<view>
  <button type="primary" bindtap="To_question" data-v="3">数据结构</button>
</view>

<view>
  <button type="primary" bindtap="To_question" data-v="4">linux</button>
</view>

  在js文件中的对应To_question函数中,通过event.currentTarget.dataset.{{参数名}}调用参数,通过navigateTo将参数传递到跳转页面。

  url中?后可加{{变量名}}={{变量值}}。在跳转页面直接调用

  To_question: function (event) {
    wx.navigateTo({
      url: ‘../question/question?type=‘ + event.currentTarget.dataset.v,
    })
  }

  在跳转界面,直接用 .{{变量名}}即可调用参数。将参数加在request的url中传递给后端程序

技术分享图片

  至此,参数传递结束

 

小程序参数传递

标签:文件   结束   set   参数传递   rip   分享   img   数加   div   

原文地址:https://www.cnblogs.com/luozx207/p/9429261.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!