微信小程序开发文档 / wxapp操作反馈消息提示框:toast

wxapp操作反馈消息提示框:toast

注意:

消息提示框:toast即将废弃,请使用 API wx.showToast

toast


消息提示框

QQ截图20170208103615.png

示例代码:

<view class="body-view">
    <toast hidden="{{toast1Hidden}}" bindchange="toast1Change">
        默认
    </toast>
    <button type="default" bindtap="toast1Tap">点击弹出默认toast</button>
</view>
<view class="body-view">
    <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">
        设置duration
    </toast>
    <button type="default" bindtap="toast2Tap">点击弹出设置duration的toast</button>
</view>
var toastNum = 2
var pageData = {}
pageData.data = {}
for (var i = 0; i <= toastNum; ++i) {
  pageData.data['toast'+i+'Hidden'] = true;
  (function (index) {
    pageData['toast'+index+'Change'] = function(e) {
      var obj = {}
      obj['toast'+index+'Hidden'] = true;
      this.setData(obj)
    }
    pageData['toast'+index+'Tap'] = function(e) {
      var obj = {}
      obj['toast'+index+'Hidden'] = false
      this.setData(obj)
    }
  })(i)
}
Page(pageData)

201609241548236698.png



注意:

消息提示框:toast即将废弃,请使用 API wx.showToast