国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信小程序 傳值取值的方法總結

JerryWangSAP / 2744人閱讀

摘要：如果需要類似即時響應的，應該選用后者，因為能使用來實現即時取到值，比如商品搜索框輸入手機關鍵字，應出現，等候選詞這樣的場景。

微信小程序 傳值取值的幾種方法總結

列表index下標取值

頁面傳值

form表單取值

1. 列表index下標取值

實現方式是：data-index="{{index}}"挖坑及e.currentTarget.dataset.index來填坑即可

1.1 生成值 
刪除

在刪除圖標與文字添加data-index="{{index}}"自定義屬性以及綁定點擊事件bindtap="delete"

刪除

實現delete方法

delete: function (e) {
  var index = parseInt(e.currentTarget.dataset.index);
  console.log("index" + index);
}

備注:如果不使用e.currentTarget而使用e.target會怎樣？
將會導致僅點中才能輸出index值，點子元素或將輸出NaN。

那target有什么用呢，用于區分子元素與外部元素要分別處理時，比如換用戶頭像的場景，點擊頭像本身預覽大圖，而頭像所在的點整一行，將是切換頭像。

### 1. 2 取出值 以地址列表為例

試圖從index數據中找出相應元素刪除地址

// 找到當前地址AVObject對象 
var address = that.data.addressObjects[index]; // 給出確認提示框 
wx.showModal
 ({
   title: "確認", content: "要刪除這個地址嗎？",
   success: function (res) {
     if (res.confirm) { // 真正刪除對象 address.destroy().then(function (success) 
       { // 刪除成功提示 
         wx.showToast({ title: "刪除成功", icon: "success", duration: 2000 }); // 重新加載數據 that.loadData(); }, function (error) { }); 
       }
     }
   })
2. 頁面傳值

從收貨地址列表頁中傳地址id到編輯頁面，以讀取原地址供修改之用
address/list頁面實現以下代碼



編輯
 edit: function (e) 
{ var that = this; // 取得下標 
ar index = parseInt(e.currentTarget.dataset.index); // 取出id值 
var objectId = this.data.addressObjects[index].get("objectId"); wx.navigateTo({ url: "../add/add?objectId="+objectId 
}); 
}

address/add頁面實現onLoad(options)方法，從url路徑中獲取objectId

onLoad: function (options) {
  var objectId = options.objectId
}
3. form表單取值

3.1 方式一，通過

與

標簽配合使用

布局如下

js取值

formSubmit: function(e) { // detail var detail = e.detail.value.detail; // realname var realname = e.detail.value.realname; // mobile var mobile = e.detail.value.mobile; }

3.2 方式二
通過

實現:

// 實現相應多個**Confirm方式 detailConfirm: function(e) { var detail = e.detail.value; } 
realnameConfirm: function(e) { var realname = e.detail.value; } 
mobileConfirm: function(e) 
{ var mobile = e.detail.value; }

通過方式一與方式二的對比可以看出，雖然同樣都能實現取值的目標，但是它們的使用場景有所不同，前者適合與提交大量表單項時，比如用戶完善個人資料，收貨地址填寫；而后者適合只做一兩個表單項時，比如快遞單號錄入，綁定手機號碼。
如果需要類似ajax即時響應的，應該選用后者，因為input能使用

來實現即時取到值，比如商品搜索框輸入手機關鍵字，應出現iPhone7，Mate8等候選詞這樣的場景。

原文鏈接

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95090.html

相關文章

  • 微信小程序學習與wepy框架的使用詳解

    摘要：，至此咱們的微信小程序的簡單使用及了解算是分享完了，畢竟個人也是道行有限，沒有鉆研太深，這些只是本人在實際項目開發過程中用到和總結的經驗，有太多不足或不對的地方，希望大家多多給予指出與改正，咱們一起來共同學習與進步 微信小程序是一種不需要下載安裝即可使用的應用，在國內它在企業推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因為它的備受歡迎度以及越來越被企業所重視，也就形成了咱們開...

    sf190404 評論0 收藏0

  • 微信小程序學習與wepy框架的使用詳解

    摘要：，至此咱們的微信小程序的簡單使用及了解算是分享完了，畢竟個人也是道行有限，沒有鉆研太深，這些只是本人在實際項目開發過程中用到和總結的經驗，有太多不足或不對的地方，希望大家多多給予指出與改正，咱們一起來共同學習與進步 微信小程序是一種不需要下載安裝即可使用的應用，在國內它在企業推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因為它的備受歡迎度以及越來越被企業所重視，也就形成了咱們開...

    stormjun 評論0 收藏0

  • 微信小程序學習與wepy框架的使用詳解

    摘要：，至此咱們的微信小程序的簡單使用及了解算是分享完了，畢竟個人也是道行有限，沒有鉆研太深，這些只是本人在實際項目開發過程中用到和總結的經驗，有太多不足或不對的地方，希望大家多多給予指出與改正，咱們一起來共同學習與進步 微信小程序是一種不需要下載安裝即可使用的應用，在國內它在企業推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因為它的備受歡迎度以及越來越被企業所重視，也就形成了咱們開...

    xiao7cn 評論0 收藏0

  • 微信小程序wepy框架詳解（一）

    摘要：微信小程序的一種框架簡述由于項目原因，我于兩個多月前轉到微信端用進行開發。事件發起組件的所有祖先組件會依次接收到事件。注意，如果用了自定義事件，則中對應的監聽函數不會再執行。 wepy——微信小程序的一種框架 簡述 由于項目原因，我于兩個多月前轉到微信端用wepy進行開發。wepy開發風格接近于 Vue.js，支持組件 Props 傳值，自定義事件、組件分布式復用Mixin、Redux...

    maochunguang 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<