成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序 傳值取值的方法總結(jié)

JerryWangSAP / 2755人閱讀

摘要：如果需要類似即時(shí)響應(yīng)的，應(yīng)該選用后者，因?yàn)槟苁褂脕?lái)實(shí)現(xiàn)即時(shí)取到值，比如商品搜索框輸入手機(jī)關(guān)鍵字，應(yīng)出現(xiàn)，等候選詞這樣的場(chǎng)景。

微信小程序 傳值取值的幾種方法總結(jié)

列表index下標(biāo)取值

頁(yè)面?zhèn)髦?/p>

form表單取值

1. 列表index下標(biāo)取值

實(shí)現(xiàn)方式是：data-index="{{index}}"挖坑及e.currentTarget.dataset.index來(lái)填坑即可

1.1 生成值 
刪除

在刪除圖標(biāo)與文字添加data-index="{{index}}"自定義屬性以及綁定點(diǎn)擊事件bindtap="delete"

刪除

實(shí)現(xiàn)delete方法

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

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

那target有什么用呢，用于區(qū)分子元素與外部元素要分別處理時(shí)，比如換用戶頭像的場(chǎng)景，點(diǎn)擊頭像本身預(yù)覽大圖，而頭像所在的點(diǎn)整一行，將是切換頭像。

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

試圖從index數(shù)據(jù)中找出相應(yīng)元素刪除地址

// 找到當(dāng)前地址AVObject對(duì)象 
var address = that.data.addressObjects[index]; // 給出確認(rèn)提示框 
wx.showModal
 ({
   title: "確認(rèn)", content: "要?jiǎng)h除這個(gè)地址嗎？",
   success: function (res) {
     if (res.confirm) { // 真正刪除對(duì)象 address.destroy().then(function (success) 
       { // 刪除成功提示 
         wx.showToast({ title: "刪除成功", icon: "success", duration: 2000 }); // 重新加載數(shù)據(jù) that.loadData(); }, function (error) { }); 
       }
     }
   })
2. 頁(yè)面?zhèn)髦?/b>

從收貨地址列表頁(yè)中傳地址id到編輯頁(yè)面，以讀取原地址供修改之用
address/list頁(yè)面實(shí)現(xiàn)以下代碼



編輯
 edit: function (e) 
{ var that = this; // 取得下標(biāo) 
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頁(yè)面實(shí)現(xiàn)onLoad(options)方法，從url路徑中獲取objectId

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

3.1 方式一，通過(guò)

與

標(biāo)簽配合使用

布局如下

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 方式二
通過(guò)

實(shí)現(xiàn):

// 實(shí)現(xiàn)相應(yīng)多個(gè)**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; }

通過(guò)方式一與方式二的對(duì)比可以看出，雖然同樣都能實(shí)現(xiàn)取值的目標(biāo)，但是它們的使用場(chǎng)景有所不同，前者適合與提交大量表單項(xiàng)時(shí)，比如用戶完善個(gè)人資料，收貨地址填寫；而后者適合只做一兩個(gè)表單項(xiàng)時(shí)，比如快遞單號(hào)錄入，綁定手機(jī)號(hào)碼。
如果需要類似ajax即時(shí)響應(yīng)的，應(yīng)該選用后者，因?yàn)閕nput能使用

來(lái)實(shí)現(xiàn)即時(shí)取到值，比如商品搜索框輸入手機(jī)關(guān)鍵字，應(yīng)出現(xiàn)iPhone7，Mate8等候選詞這樣的場(chǎng)景。

原文鏈接

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95090.html

相關(guān)文章

  • 微信小程序學(xué)習(xí)與wepy框架的使用詳解

    摘要：，至此咱們的微信小程序的簡(jiǎn)單使用及了解算是分享完了，畢竟個(gè)人也是道行有限，沒(méi)有鉆研太深，這些只是本人在實(shí)際項(xiàng)目開(kāi)發(fā)過(guò)程中用到和總結(jié)的經(jīng)驗(yàn)，有太多不足或不對(duì)的地方，希望大家多多給予指出與改正，咱們一起來(lái)共同學(xué)習(xí)與進(jìn)步 微信小程序是一種不需要下載安裝即可使用的應(yīng)用，在國(guó)內(nèi)它在企業(yè)推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因?yàn)樗膫涫軞g迎度以及越來(lái)越被企業(yè)所重視，也就形成了咱們開(kāi)...

    sf190404 評(píng)論0 收藏0

  • 微信小程序學(xué)習(xí)與wepy框架的使用詳解

    摘要：，至此咱們的微信小程序的簡(jiǎn)單使用及了解算是分享完了，畢竟個(gè)人也是道行有限，沒(méi)有鉆研太深，這些只是本人在實(shí)際項(xiàng)目開(kāi)發(fā)過(guò)程中用到和總結(jié)的經(jīng)驗(yàn)，有太多不足或不對(duì)的地方，希望大家多多給予指出與改正，咱們一起來(lái)共同學(xué)習(xí)與進(jìn)步 微信小程序是一種不需要下載安裝即可使用的應(yīng)用，在國(guó)內(nèi)它在企業(yè)推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因?yàn)樗膫涫軞g迎度以及越來(lái)越被企業(yè)所重視，也就形成了咱們開(kāi)...

    stormjun 評(píng)論0 收藏0

  • 微信小程序學(xué)習(xí)與wepy框架的使用詳解

    摘要：，至此咱們的微信小程序的簡(jiǎn)單使用及了解算是分享完了，畢竟個(gè)人也是道行有限，沒(méi)有鉆研太深，這些只是本人在實(shí)際項(xiàng)目開(kāi)發(fā)過(guò)程中用到和總結(jié)的經(jīng)驗(yàn)，有太多不足或不對(duì)的地方，希望大家多多給予指出與改正，咱們一起來(lái)共同學(xué)習(xí)與進(jìn)步 微信小程序是一種不需要下載安裝即可使用的應(yīng)用，在國(guó)內(nèi)它在企業(yè)推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因?yàn)樗膫涫軞g迎度以及越來(lái)越被企業(yè)所重視，也就形成了咱們開(kāi)...

    xiao7cn 評(píng)論0 收藏0

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

    摘要：微信小程序的一種框架簡(jiǎn)述由于項(xiàng)目原因，我于兩個(gè)多月前轉(zhuǎn)到微信端用進(jìn)行開(kāi)發(fā)。事件發(fā)起組件的所有祖先組件會(huì)依次接收到事件。注意，如果用了自定義事件，則中對(duì)應(yīng)的監(jiān)聽(tīng)函數(shù)不會(huì)再執(zhí)行。 wepy——微信小程序的一種框架 簡(jiǎn)述 由于項(xiàng)目原因，我于兩個(gè)多月前轉(zhuǎn)到微信端用wepy進(jìn)行開(kāi)發(fā)。wepy開(kāi)發(fā)風(fēng)格接近于 Vue.js，支持組件 Props 傳值，自定義事件、組件分布式復(fù)用Mixin、Redux...

    maochunguang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<