uni-app中小程序傳參與其他類型項目的區別


uni-app點擊事件傳參可以使用微信小程序的方式也可以是傳統的js函數傳參。主要看開發的項目中包不包含小程序

傳統js傳參,直接在函數中傳參即可(這種方式適合開發的項目中不包含小程序時使用)

<div @click="handleClick('大狗子')">點我</div>

handleClick(data){
      console.log(data)  //打印出 大狗子
}

小程序的事件傳參,需要先定義data-,再在函數中獲取(這種方式是小程序獨有的,所以開發的項目包含小程序時,只能使用這種方式)

<div @click="handleClick" data-big-dog='大狗子' :data-id="mid">點我</div>   //如果綁定動態數據,使用:data-即可
//注意這里是data-big-dog時,函數中用dataset.bigDog獲取,自動轉成駝峰;若這里是data-bigDog,則函數中用dataset.bigdog獲取,駝峰大寫字母轉成了小寫;即使用-連接時,一律轉為駝峰,不使用時,一律轉為小寫。

handleClick(e){
      console.log(e.currentTarget.dataset.bigDog)  //打印出 大狗子
      console.log(e.currentTarget.dataset.id)
}

注:在Uniapp中測試,函數傳參也可以使用,但建議使用data-傳參


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM