• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序之页面传值

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1.生命周期函数--监听页面加载(options接收值)

1. <!--pages/auction/auction.wxml-->
<view class="container">

  <view class="auction-item" wx:for="{{auctionList}}" wx:for-item="row" wx:key="index">
  <navigator url="/pages/auctionDetail/auctionDetail?auctionId={{row.id}}">


2. // pages/auctionDetail/auctionDetail.js
onLoad: function(options) {
this.setData({
  auctionId: options.auctionId
});
1. // pages/auctionDetail/auctionDetail.js

wx.navigateTo({
    url: \'/pages/deposit/deposit?itemId=\' + itemId
  })


2. // pages/deposit/deposit.js

onLoad: function(options) {
this.setData({
  itemId: options.itemId
});

2. 绑定点击事件传值

1. <!--pages/auctionDetail/auctionDetail.wxml-->

<block wx:if="{{auctionDetail.deposit.total}}">
  <view class="bottom" bindtap="toBid" data-itemid="{{item.id}}">
    <label>竞 拍</label>
  </view>
</block>

2. // pages/auctionDetail/auctionDetail.js

toBid: function(e) {
  var itemId = e.currentTarget.dataset.itemid;
  if (auth.authentication) {
    wx.navigateTo({
      url: \'/pages/bid/bid?itemId=\' + itemId
  })
    }
  }

3. 双向绑定实时改变值

1. <!--pages/login/login.wxml-->

<view class="form">
<view class="row-group">
    <text>手机</text>
    <input placeholder="请填写手机号码" placeholder-class=\'txt\' maxlength=\'11\' bindinput="bindPhoneInput" value="{{phone}}" />
</view>
<view class="row-group">
    <text>验证码</text>
    <input placeholder="请填写验证码" placeholder-class=\'txt\' maxlength=\'4\' bindinput="bindCodeInput" value="{{code}}" />
    <view class="code" bindtap="onClickCheckCode">获取验证码</view>
</view>
<view>
    <button class="submit" open-type="getUserInfo" bindgetuserinfo="onClickSubmit">登录 | 注册</button>
</view>
</view>



2. // pages/login/login.js

data: {
phone: "15131255089",
code: ""
},

bindPhoneInput: function(e) {
this.setData({
  phone: e.detail.value
});
},
bindCodeInput: function(e) {
this.setData({
  code: e.detail.value
});
}

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序之页面之间传递值发布时间:2022-07-18
下一篇:
微信小程序返回页面并传值发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap