vue父子组件通信的使用, 跟新v-model

背景:自定义表单开发时。对发布的表单进行数据填写。

  • 添加子组件事件通知。举例来说。Input组件没有通过emit方法发送input事件通知。导致子组件没有过去到Input组件最新的内容。需要添加上才可以。
    1. @emit中传递的参数$event可以改写成value。写法不同而已
    2. 改写后可以做测试。
  • 另外在父组件编写getFormData方法。用于提供给更上层组件获取当前变更的组件数据。
  • 但除此以外还有一种情况。当没有组件数据发生变更时。我的数据如何正确保存呢。其实想想后可以不用担心。
    1. 未更改的数据外层组件中的数值不会变化,只更新的对应的v-model数值。
    2. 仍然全局保存到后端即可。
相关推荐
iRuriCatt15 小时前
智慧景区管理系统 | 计算机毕设项目
java·前端·spring boot·vue·毕设
吹牛不交税17 小时前
admin.net框架使用记录
vue·.netcore
是梦终空1 天前
计算机毕业设计263—基于Springboot+Vue的影视推荐和评分系统(源代码+数据库)
spring boot·vue·毕业设计·课程设计·协同过滤算法·影评系统·影视推荐系统
EstherNi1 天前
小程序中,下拉多选的组件,有写死的三级下拉,样式需要修改
javascript·小程序·vue
青春男大2 天前
已有后端基础学习前端简单页面交互
前端·javascript·学习·typescript·vue
shejizuopin2 天前
基于Spring Boot的高校科研管理系统的设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·高校科研管理系统的设计与实现
皮卡穆2 天前
Vue3 + Swiper.js 实现无缝轮播图组件
前端·javascript·vue
泰勒疯狂展开3 天前
Vue3研学-组件的生命周期
开发语言·前端·vue
千寻技术帮3 天前
10392_基于SpringBoot的大学迎新系统
mysql·vue·源码·springboot·代码·新生报到
总爱写点小BUG4 天前
VU-Icons:打造极致体验的 Vue3 & UniApp 双端 SVG 图标库
uni-app·vue·组件库·图标组件库