鍍金池/ 問答/HTML/ vue中這種三級聯(lián)動(dòng)如何寫？

vue中這種三級聯(lián)動(dòng)如何寫？

圖片描述
第一個(gè)下拉框的數(shù)據(jù)已經(jīng)出來了，但是不知道如何點(diǎn)擊第一個(gè)下拉框獲取第二個(gè)下拉框的數(shù)據(jù)
圖片描述

圖片描述
圖片描述

回答
編輯回答
夢囈

vue 三級聯(lián)動(dòng)之前寫過一個(gè)省市區(qū)的，一級下拉項(xiàng)是初始化時(shí)候獲取的數(shù)據(jù)，綁定on-change觸發(fā)請求二級列表，二級on-change請求第三級

2017年1月26日 10:35
編輯回答
魚梓

vue的三級聯(lián)動(dòng)我沒寫過 原生的寫過 不用自己操作DOM應(yīng)該比原生更簡單 你這數(shù)據(jù)不都通過post拿到了嗎 監(jiān)聽第一個(gè)onchange事件 獲取對應(yīng)的ID， 去數(shù)據(jù)里把ID對應(yīng)的數(shù)據(jù)拿出來 渲染進(jìn)第二個(gè)select 就是這個(gè)思路

2017年7月23日 14:41
編輯回答
涼汐

我在網(wǎng)上也看到有人使用el-select，我使用的是element 的 Cascader 級聯(lián)選擇器。
我是使用封裝的組件~~不過不知道這兩種方法哪種更優(yōu)（易于動(dòng)態(tài)顯示級別數(shù)和反顯數(shù)據(jù)等）

2017年1月20日 03:22
編輯回答
孤毒

鑒于你的三級聯(lián)動(dòng)數(shù)據(jù)是通過一個(gè)接口獲?。?br>（1）第一級使用@change去觸發(fā)classifyFirSel函數(shù)。
（2）第二級通過監(jiān)聽上一級的props:['value']的變化，去觸發(fā)classifySecSel函數(shù)。
（3）第三級去監(jiān)聽第二級的props:['value']的變化，去觸發(fā)classifyThrSel函數(shù)。

2017年3月22日 13:17