实现二级联动菜单_vue侧边栏二级联动菜单

作者：weixin_40725706 | 2024-07-17 22:54:48

踩

vue侧边栏二级联动菜单

所谓的二级联动菜单，就是要通过一个下拉列表的选择从而在另一个下拉列表中显示出对应的数据。在这里就简单的拿省份写了个简单的例子。通过选择一个省显示该省的市或者区。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>4-5</title>
		<script type="text/javascript">
			var arr_province = ["请选择省/城市", "北京市", "天津市", "重庆市", "深圳市", "湖北省", "广东省"];
			var arr_city = [
				["请选择城市/地区"],
				["东城区", "西城区", "朝阳区", "宣武区", "昌平区", "大兴区", "丰台区", "海淀区"],
				['宝山区', '长宁区', '丰贤区', '虹口区', '黄浦区', '青浦区', '南汇区', '徐汇区', '卢湾区'],
				['和平区', '河西区', '南开区', '河北区', '河东区', '红桥区', '塘古区', '开发区'],
				['俞中区', '南岸区', '江北区', '沙坪坝区', '九龙坡区', '渝北区', '大渡口区', '1
2
3
4
5
6
7
8
9
10
11
12
13

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/842409