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

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

  • 添加子组件事件通知。举例来说。Input组件没有通过emit方法发送input事件通知。导致子组件没有过去到Input组件最新的内容。需要添加上才可以。
    1. @emit中传递的参数$event可以改写成value。写法不同而已
    2. 改写后可以做测试。
  • 另外在父组件编写getFormData方法。用于提供给更上层组件获取当前变更的组件数据。
  • 但除此以外还有一种情况。当没有组件数据发生变更时。我的数据如何正确保存呢。其实想想后可以不用担心。
    1. 未更改的数据外层组件中的数值不会变化,只更新的对应的v-model数值。
    2. 仍然全局保存到后端即可。
相关推荐
尚学教辅学习资料1 天前
Vue3从入门到精通: 4.5 数据持久化与同步策略深度解析
vue·数据持久化
IT毕设实战小研2 天前
Java毕业设计选题推荐 |基于SpringBoot的健身爱好线上互动与打卡社交平台系统 互动打卡小程序系统
java·开发语言·vue.js·spring boot·vue·毕业设计·课程设计
第七种黄昏2 天前
大事件项目拆解:登录访问拦截实现详解
前端框架·vue·js
har01d3 天前
在 uniapp 里使用 unocss,vue3 + vite 项目
前端·uni-app·vue·uniapp·unocss
har01d4 天前
【CSS3】录音中。。。
前端·css·vue.js·vue·vue3·css3
柯北(jvxiao)5 天前
Vue vs React 多维度剖析: 哪一个更适合大型项目?
前端·vue·react
晓13135 天前
Vue2篇——第二章 Vue从指令修饰符到侦听器的全面解析(重点)
前端·javascript·vue
Kevin@wust6 天前
axios的封装
前端·vue
夏小花花6 天前
Java 日常开发笔记(小程序页面交互传参-id)
java·微信小程序·vue
狼性书生7 天前
uniapp实现的圆形滚盘组件模板
前端·uni-app·vue·组件