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

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

  • 添加子组件事件通知。举例来说。Input组件没有通过emit方法发送input事件通知。导致子组件没有过去到Input组件最新的内容。需要添加上才可以。
    1. @emit中传递的参数$event可以改写成value。写法不同而已
    2. 改写后可以做测试。
  • 另外在父组件编写getFormData方法。用于提供给更上层组件获取当前变更的组件数据。
  • 但除此以外还有一种情况。当没有组件数据发生变更时。我的数据如何正确保存呢。其实想想后可以不用担心。
    1. 未更改的数据外层组件中的数值不会变化,只更新的对应的v-model数值。
    2. 仍然全局保存到后端即可。
相关推荐
小葛要努力17 天前
安装nvm 管理node.js版本实现vue2和vue3项目共存
node.js·vue·nvm
这里是杨杨吖17 天前
SpringBoot+Vue高校在线考试系统 附带详细运行指导视频
vue·在线考试·springboot
wuxia211818 天前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
Sweet锦18 天前
Vue3 集成 ApexCharts 避坑指南:从动画失效到自定义指令的完美解决方案
vue·echarts
王小王-12319 天前
基于深度学习的个性化音乐推荐系统的设计与开发
人工智能·深度学习·mysql·vue·推荐算法·个性化音乐推荐系统·音乐预测
alexander06819 天前
使用vite脚手架,快速创建一个vue3的项目
vue
toooooop820 天前
UniApp Vue2 动态修改 SCSS 伪类颜色
vue
这是个栗子20 天前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
鹤鸣的日常21 天前
前端运行时动态环境变量方案
前端·react.js·docker·前端框架·vue·gitlab
来杯@Java22 天前
学生选课管理系统(基于springboot+vue前后端分离的项目)计算机毕业设计java
java·spring boot·spring·vue·毕业设计·maven·mybatis