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

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

  • 添加子组件事件通知。举例来说。Input组件没有通过emit方法发送input事件通知。导致子组件没有过去到Input组件最新的内容。需要添加上才可以。
    1. @emit中传递的参数$event可以改写成value。写法不同而已
    2. 改写后可以做测试。
  • 另外在父组件编写getFormData方法。用于提供给更上层组件获取当前变更的组件数据。
  • 但除此以外还有一种情况。当没有组件数据发生变更时。我的数据如何正确保存呢。其实想想后可以不用担心。
    1. 未更改的数据外层组件中的数值不会变化,只更新的对应的v-model数值。
    2. 仍然全局保存到后端即可。
相关推荐
AI3D_WebEngineer1 天前
企业级业务平台项目设计、架构、业务全解之组件库篇
前端·javascript·vue
木子李BLOG1 天前
vue.js设计与实现(待续)
vue
悟能不能悟1 天前
reason: unable to verify the first certificate 如何处理
vue
!win !2 天前
通过重写组件轻松掌握用JSX写Vue项目
vue·jsx
zy happy3 天前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小阳生煎3 天前
Vue实现全局设置一个刷新按钮 只刷新当面路由页面 不跳转操作功能
vue.js·vue
Zzzzzxl_3 天前
互联网大厂前端面试实录:HTML5、ES6、Vue/React、工程化与性能优化全覆盖
性能优化·vue·es6·react·html5·前端面试·前端工程化
李慕婉学姐3 天前
【开题答辩过程】以《基于微信小程序垃圾分类图像识别技术实现》为例,不会开题答辩的可以进来看看
spring boot·微信小程序·vue
故事不长丨4 天前
【Java SpringBoot+Vue 实现视频文件上传与存储】
java·javascript·spring boot·vscode·后端·vue·intellij-idea
咚咚咚小柒4 天前
【前端】Webpack相关(长期更新)
前端·javascript·webpack·前端框架·node.js·vue·scss