VUE+Element-Ui联动下拉框
- 首先使用标签创建多个下拉框
- 使用forEach方法循环查询到的数据放到定义的数组中(productList[])
res.data.forEach((res, index) => {//res为返回json数据
this.productList[index] = {
value: res.uuid,
label: res.categoryName,
}
- 使用有数据的数组循环数据到第一个下拉框
- 使用:loading属性懒加载查询到的数据，调用查询方法开始为true，查询完毕后为false
- 【VUE+Element-Ui联动下拉框】使用@change事件绑定查询方法显示下一个下拉框并加载数据
推荐阅读
- tableView|tableView 头视图下拉放大 重写
- 下拉菜单
- macOS|macOS SwiftUI 组件之 实用下拉菜单 （教程含源码）
- 《协同》---如何打造高联动团队
- Android|Android 自定义有速率差的联动ScrollView
- 央地联动打造5G产业新版图|央地联动打造5G产业新版图 政府和企业布局万亿产业集群
- vue移动端下拉刷新和上拉加载组件，体积小运行快
- Flutter|Flutter 创建类似material 联动滚动 NestedScrollView
- Flutter之下拉刷新，上拉加载更多
- Android|Android NestedScrolling全面解析 - 带你实现一个支持嵌套滑动的下拉刷新（上篇）