vue elementUi中两个输入框互相关联,实现同步更新功能

这个功能是个人在实际开发中遇到的问题,简单做个笔记,有需要的小伙伴可以参考下。

1.两框同步刷新,实现同步关联基本需求及业务

业务需求:学生省市名及省市码同步刷新,通过用户更改省市名来自动补全所在地区的省市码。

基本思路:既然是修改。一开始就应该获取该学生原信息,其次是通过用户修改省市名,触发了el-select中的@change事件,并在该事件中将用户选中的省市名称给到el-select中的v-model=" "(这里不懂请各自查看elementui中下拉框的使用),最后提交修改数据

2. 基本的业务代码展示

在这里插入图片描述

在这里插入图片描述

写到这里,基本的思路已经在上面了。不懂的小伙伴可以留言哟,博主看到都会回复的。

猜你喜欢

转载自blog.csdn.net/qq_45835014/article/details/122404897
今日推荐