微信小程式todolist新增和刪除功能

2022-08-20 22:36:10 字數 516 閱讀 8378

新增

wxml頁面**,繫結bindinput="oninput"事件獲取value="}的值,然後給button按鈕繫結點選事件bindtap='onclick'。

data: ,

* 獲取輸入框的值

*/oninput:function(e));

},/**

* 點選新增

*/onclick:function())

},

}刪除

wxml頁面,渲染來自新增的內容,給button按鈕繫結點選事件獲取當前點選的下標,然後穿到js頁面。

onclick:function(e)=e.currenttarget.dataset

// console.log('dele',index)

this.data.list.splice(index,1)

this.setdata()

},

利用傳過來的下標進行解構賦值,然後刪除當前點選的內容。

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...

微信小程式

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...