国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序 事件和語法

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序 事件和語法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

?屬性列表

target:觸發(fā)事件的對(duì)象

currentTarget:綁定事件的對(duì)象,可能不是由此對(duì)象觸發(fā)而是觸發(fā)對(duì)象冒泡導(dǎo)致觸發(fā)此事件

微信小程序 事件綁定

微信小程序 事件和語法,微信小程序,微信小程序

<button type="primary" bindtap="btnTapHandler">按鈕</button> 

在函數(shù)中調(diào)用data的值

微信小程序 事件和語法,微信小程序,微信小程序

  // 按鈕點(diǎn)擊事件
  btnTapHandler(e){
      this.setData({
          number:this.data.number+1
      })
  }

傳遞參數(shù)

<button type="primary" bindtap="btnTapHandler2" data-info="{{2}}">按鈕+2</button> 

接收參數(shù)

  // 按鈕點(diǎn)擊事件 + 2
  btnTapHandler2(e){
      console.log(e);
      console.log(e.target.dataset.info);
      this.setData({
        number: this.data.number + e.target.dataset.info
      })
  }
input
<input bindinput="inputHandler" value="{{msg}}"></input>



  inputHandler(e){
    console.log(e.detail.value)
    this.setData({
        msg: e.detail.value
    })
  }

控制是否顯示 隱藏 wx:if 通過創(chuàng)建和溢出元素實(shí)現(xiàn) 控制條件復(fù)制時(shí)推薦

<view wx:if="{{flag}}">是否顯示</view>

使用block標(biāo)簽不會(huì)渲染給瀏覽器源文件標(biāo)

控制是否顯示 隱藏 wx:hidden 通過切換樣式方式實(shí)現(xiàn) 頻繁切換使用這個(gè)

<view hidden="{{flag}}">條件為true</view>

循環(huán)字符

<view wx:for="{{arr1}}">
  索引:{{index}},內(nèi)容:{{item}}
</view>


arr1:['標(biāo)簽一','標(biāo)簽二','標(biāo)簽三']


// 指定索引名稱
<view wx:for="{{arr1}}" wx:for-index="idx" wx:for-item="itemName">
  索引:{{idx}},內(nèi)容:{{itemName}}
</view>

循環(huán)數(shù)組對(duì)象 指定key提高渲染速度文章來源地址http://www.zghlxwxcb.cn/news/detail-608938.html

<view wx:for="{{userList}}" wx:key="id">
  索引:{{item.id}},內(nèi)容:{{item.name}}
</view>


    userList:[
      {id:1,name:'小紅'},
      {id:2,name:'小蘭'}
    ]

到了這里,關(guān)于微信小程序 事件和語法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序之WXML 模板語法之?dāng)?shù)據(jù)綁定、事件綁定、wx:if和列表渲染

    微信小程序之WXML 模板語法之?dāng)?shù)據(jù)綁定、事件綁定、wx:if和列表渲染

    學(xué)習(xí)的最大理由是想擺脫平庸,早一天就多一份人生的精彩;遲一天就多一天平庸的困擾。各位小伙伴,如果您: 想系統(tǒng)/深入學(xué)習(xí)某技術(shù)知識(shí)點(diǎn)… 一個(gè)人摸索學(xué)習(xí)很難堅(jiān)持,想組團(tuán)高效學(xué)習(xí)… 想寫博客但無從下手,急需寫作干貨注入能量… 熱愛寫作,愿意讓自己成為更好

    2024年01月22日
    瀏覽(26)
  • 微信小程序項(xiàng)目實(shí)戰(zhàn)
微信小程序的事件對(duì)象

    微信小程序項(xiàng)目實(shí)戰(zhàn) 微信小程序的事件對(duì)象

    目錄 小程序前后端交互 自定義組件的使用 語法說明 properties 定義 案例? 微信小程序的事件對(duì)象 e.target和e.currentTarget ?微信小程序的事件傳參 傳參方式一: data-key=\\\'value\\\' 傳參方式二: id=\\\'value\\\' scroll-view 使用 ?scroll-view 中使用flex布局 scroll-into-view 下拉刷新 上拉加載 微信小程

    2024年02月09日
    瀏覽(33)
  • 微信小程序——基本語法

    微信小程序——基本語法

    WXML(WeiXin Markup Language)是框架設(shè)計(jì)的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。 數(shù)據(jù)綁定 注意事項(xiàng): 小程序中為單項(xiàng)數(shù)據(jù)流 model — view 修改數(shù)據(jù): this.setData({message: ‘修改之后的數(shù)據(jù)’}, callback) 列表渲染 wx:for 也可以嵌套 在 block/ 標(biāo)簽上用wx:for,可

    2024年02月09日
    瀏覽(15)
  • 微信小程序基礎(chǔ)語法

    微信小程序基礎(chǔ)語法

    官方文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/ bindtap data-xxx事件節(jié)點(diǎn)(xxx是節(jié)點(diǎn)名稱),ghp是事件節(jié)點(diǎn)數(shù)據(jù) bindtap用于綁定事件,clickButton是事件名 注意 :事件節(jié)點(diǎn)名稱統(tǒng)一是小寫,即使使用大寫,經(jīng)過解析也會(huì)變成小寫,比如上面我們定義的時(shí)間節(jié)點(diǎn)是myName,經(jīng)過

    2024年02月12日
    瀏覽(15)
  • 微信小程序事件綁定

    微信小程序事件綁定

    事件是渲染層到邏輯層的通訊方式。通過事件可以將用戶在渲染層產(chǎn)生的行為,反饋到邏輯層進(jìn)行業(yè)務(wù)的處理。 當(dāng)事件回調(diào)觸發(fā)的時(shí)候,會(huì)收到一個(gè)事件對(duì)象 event,它的詳細(xì)屬性如下表所示。 target 是觸發(fā)該事件的源頭組件,而 currentTarget 則是當(dāng)前事件所綁定的組件。 點(diǎn)擊內(nèi)

    2023年04月08日
    瀏覽(21)
  • 微信小程序——事件監(jiān)聽

    微信小程序是一種輕量級(jí)的應(yīng)用程序,它在移動(dòng)設(shè)備上提供了豐富的用戶體驗(yàn)。在開發(fā)微信小程序時(shí),事件監(jiān)聽是一項(xiàng)重要的技術(shù),它允許開發(fā)者捕捉和處理用戶的各種操作。本文將介紹微信小程序事件監(jiān)聽的概念、用法和一些實(shí)用示例。 在微信小程序中,事件監(jiān)聽是一種機(jī)

    2024年02月08日
    瀏覽(29)
  • 5-微信小程序語法參考

    5-微信小程序語法參考

    官網(wǎng)傳送門 WXML 中的動(dòng)態(tài)數(shù)據(jù)均來自對(duì)應(yīng) Page 的 data。 數(shù)據(jù)綁定使用 Mustache 語法( 雙大括號(hào) )將變量包起來 ts WXML Mustache語法應(yīng)用場(chǎng)景 綁定內(nèi)容 綁定屬性 運(yùn)算(三元運(yùn)算、算術(shù)運(yùn)算) 邏輯判斷 字符串運(yùn)算 數(shù)據(jù)路徑運(yùn)算 注:微信小程序數(shù)據(jù)綁定與vue2的語法相同 官網(wǎng)傳送

    2024年01月18日
    瀏覽(16)
  • 微信小程序之點(diǎn)擊事件

    微信小程序之點(diǎn)擊事件

    微信小程序中常用的點(diǎn)擊事件主要是? tap ,但除此之外還有其他的觸摸類事件,用于不同的交互場(chǎng)景。以下是一些常見的點(diǎn)擊和觸摸相關(guān)的事件及其區(qū)別: 3.1.冒泡事件: 冒泡(Bubble)是一種事件傳播機(jī)制,在Web開發(fā)領(lǐng)域和微信小程序中廣泛存在。當(dāng)用戶在一個(gè)頁面元素上觸

    2024年04月23日
    瀏覽(98)
  • 微信小程序阻止事件冒泡

    微信小程序阻止事件冒泡

    微信開發(fā)文檔 | 事件詳解、事件綁定 微信開發(fā)文檔上提供了不同的事件綁定方法: 1. bindtap:普通事件綁定 2. catchtap:綁定并阻止事件冒泡 3. mut-bind :互斥事件綁定 如下方示例,在使用catchtap綁定事件后,當(dāng)用戶點(diǎn)擊image時(shí),事件不會(huì)向上冒泡,就不會(huì)觸發(fā)view綁定的點(diǎn)擊事件

    2024年02月09日
    瀏覽(31)
  • 微信小程序阻止返回事件

    當(dāng)在一個(gè)表單頁面 填寫了很多數(shù)據(jù),或者編輯頁面數(shù)據(jù)發(fā)生變動(dòng)之后,這時(shí)候返回上一個(gè)頁面需要提醒用戶是否返回的彈框 在onLoad生命周期里 注冊(cè) 當(dāng)你修改數(shù)據(jù)之后 又把數(shù)據(jù)還原 此時(shí)數(shù)據(jù)是沒有發(fā)生改變的 這時(shí)候返回上一個(gè)頁面是不需要阻止用戶出現(xiàn)確定彈框的,在你修改數(shù)

    2024年02月04日
    瀏覽(61)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包