vue+element实现三级联动

最新推荐文章于 2024-07-18 10:57:21 发布

无法长大.

最新推荐文章于 2024-07-18 10:57:21 发布

阅读量568

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_45854365/article/details/105776224

版权

本文详细介绍了如何使用Vue.js结合Element UI组件库来实现三级联动效果，涵盖了从Vue页面设计、后台SQL查询到实体类的创建，以及具体的表结构设计。通过对各个步骤的深入解析，帮助读者掌握这一常见前端交互技术。

摘要由CSDN通过智能技术生成

1.vue页面

<!--标签-->
<el-form-item label="地区">
	<el-cascader v-model="value" prop="province" :options="nation" :props="props" 	@change="handleChange"></el-cascader>
</el-form-item>

<script>
	export default {
   
		data() {
   
			return {
   
				
				nation: [],
				props: {
   
					value: 'id',
					label: 'name',
					children: 'list'
				},
				value: [],