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

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

  • 添加子组件事件通知。举例来说。Input组件没有通过emit方法发送input事件通知。导致子组件没有过去到Input组件最新的内容。需要添加上才可以。
    1. @emit中传递的参数$event可以改写成value。写法不同而已
    2. 改写后可以做测试。
  • 另外在父组件编写getFormData方法。用于提供给更上层组件获取当前变更的组件数据。
  • 但除此以外还有一种情况。当没有组件数据发生变更时。我的数据如何正确保存呢。其实想想后可以不用担心。
    1. 未更改的数据外层组件中的数值不会变化,只更新的对应的v-model数值。
    2. 仍然全局保存到后端即可。
相关推荐
汤米粥1 天前
2026年主流前端技术框架
vue·react·elementplus·tailwind css·angular‌·svelte‌·bootstrap‌
codigger2 天前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
程序员·vue·编程·异步更新·#人工智能
咚咚咚小柒2 天前
【前端】LangChain.js学习
前端·javascript·人工智能·typescript·langchain·vue·ai编程
悟道书生4 天前
若依 RBAC 权限控制学习笔记
java·网络·笔记·sql·学习·vue
mewowaBc4 天前
使用Pinia持久化存储实现用户认证系统
vue·pinia·用户认证系统
gc_22995 天前
使用VS Code终端创建Vue项目报错:“npm : 无法加载文件 ...\npm.ps1,因为在此系统上禁止运行脚本”
vue·vs code
小阿鑫6 天前
尤雨溪 : Vue 4 已经在规划中了!
vue·vite·vite+·程序员海军·vue4
离歌漠6 天前
《我用 Tauri 做了一个本地开发工具箱》
rust·typescript·vue
enjoy编程7 天前
playwright学习-I
typescript·vue·nodejs·1024程序员节·playwright
落花看风雪9 天前
从零开始搭建后台系统(vue3+TypeScript+Vite)01
typescript·vue·js