Vuex核取方塊

2022-07-10 22:09:12 字數 543 閱讀 3834

list:

1.核取方塊標籤內

@change='(e) => '

//監聽核取方塊的狀態,狀態改變呼叫箭頭函式,引數e是核取方塊狀態的物件  ,再呼叫匿名函式裡面的hanshu函式,引數e,item.id是當前元素的id值

2.methods內

hanshu(e, id){

//拿到狀態值

console.log(e.target.checked)

const param = {

id:id,

status: e.target.checked

this.$store.commit('changestatus', param)

3.store.js內

changestatus(state, param) {

//獲取索引

const i = state.list.finindex(x => x.id === param.id)

if  (i !== -1) {

state.list[i].done = param.status

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

treegrid核取方塊

然後是 html檔案 consle 說明 沒什麼內容,標題,然後是乙個 我為了做些測試放了個按鈕consle,不用刪掉即可,當然要引用幾個js檔案和css檔案 jquery easyui demo 接著是js檔案 function width 180 consle bind click consle...