Vue axios實現下拉框聯動重新整理

2021-10-07 16:48:54 字數 1422 閱讀 2935

用v-model繫結、獲取下拉框選中value

通過v-for,遍歷部門列表/角色列表,動態展現option裡的資料

通過』v-on』設定option的value

通過}設定option的text

即將迭代出的item中資料分別設定給option的value和text

通過select的@change呼叫方法,根據v-model獲取選中值,呼叫介面,查詢並重新整理下乙個下拉框的資料。

//本來想把這些列表引數都塞到乙個物件裡,中間除錯的時候出bug了,先湊合用著好了。

下拉框頁面:

"selectgroup" @change=

"getroles"

>

————請選擇部門—————

"group.gid" v-for=

"group in grouplist"

>

}"selectrole" @change=

"getperms"

>

————請選擇角色————

"role.rid" v-for=

"role in rolelist"

>

}"list-group list-group-flush"

>

"perm.perm" v-for=

"perm in permslist"

>

}

根據返回的資料,初始化下拉框和列表

//獲取使用者許可權

getuserperms:

function

(uid)

else

that.userpermsupdateisshow =

true;}

,function

(err))}

,

根據下拉框變化,重新整理後面的下拉框和列表:

//根據專案組id獲取角色列表

getroles:

function()

,function

(err))}

},//根據角色id獲取許可權列表

getperms:

function()

,function

(err))}

},

提交下拉框資料:

//更新使用者許可權

updateuserperms:

function()

else

that.userpermsupdateisshow =

false;}

,function

(err))}

else

},

jsf a4j 實現下拉框聯動

專案一直用jsf做,最近乙個需求要做乙個下拉框二級聯動,第乙個下拉框顯示節點名稱,第二個下拉框根據節點名稱動態顯示該節點下的證照型別。一開始沒考慮用ajax,就在第乙個下拉框中用了valuechangelistener和 nchange submit 但當第乙個下拉框值變後submit激發了查庫的過...

MVC 實現下拉框

mvc動態實現下拉框的方式有很多種,但是方便快捷的卻是很少,現在記錄一種常用的下拉框實現方式 1.先看看檢視 是怎麼寫的 這是乙個下拉框 html.dropdownlist selectroleid viewdata rolds as selectlist,請選擇 new 從上 可以看出html自帶...

下拉框聯動

這裡寫了selclass和sellesson兩個下拉框,下拉框的selclass的選中值事件會觸發addsellesson 方法,該方法通過ajax向後台非同步請求資料動態給下拉框sellesson賦值 html 如下 班級課程 selclass onchange addsellesson styl...