vue中这种三级联动如何写?

拇指一代
  • 290

图片描述
第一个下拉框的数据已经出来了,但是不知道如何点击第一个下拉框获取第二个下拉框的数据
图片描述

图片描述
图片描述

回复
阅读 8.5k
4 个回答

鉴于你的三级联动数据是通过一个接口获取:
(1)第一级使用@change去触发classifyFirSel函数。
(2)第二级通过监听上一级的props:['value']的变化,去触发classifySecSel函数。
(3)第三级去监听第二级的props:['value']的变化,去触发classifyThrSel函数。

vue的三级联动我没写过 原生的写过 不用自己操作DOM应该比原生更简单 你这数据不都通过post拿到了吗 监听第一个onchange事件 获取对应的ID, 去数据里把ID对应的数据拿出来 渲染进第二个select 就是这个思路

vue 三级联动之前写过一个省市区的,一级下拉项是初始化时候获取的数据,绑定on-change触发请求二级列表,二级on-change请求第三级

我在网上也看到有人使用el-select,我使用的是element 的 Cascader 级联选择器。
我是使用封装的组件~~不过不知道这两种方法哪种更优(易于动态显示级别数和反显数据等)

宣传栏