表单的总数据为什么可以写成一个空对象,不用具体的写表单中绑定的值,vue3

javascript 复制代码
<el-form :model="form" label-width="120px">
    <el-form-item label="Activity name">
      <el-input v-model="form.name" />
    </el-form-item>
</el-form>
javascript 复制代码
const form = ref({

  
})

from为空对象

在v-model里写form.name,其实就是在form这个空对象里添加了一个键名为name的成员,你不用在script标签的form对象里面特意写name属性。

相关推荐
Mintopia15 分钟前
JavaScript 中的计算机图形学核心知识点详解
前端·javascript·计算机图形学
BillKu19 分钟前
vue3中nextTick的作用及示例
javascript·vue.js·ecmascript
恋猫de小郭21 分钟前
Flutter 在 Dart 3.8 开始支持 Null-Aware Elements 语法,自动识别集合里的空元素
android·前端·flutter
智绘前端21 分钟前
Nuxt3中使用UnoCSS指南
前端·chrome
john_Asura22 分钟前
Vue3 自定义指令完全指南
前端·javascript·vue.js·npm·html
墨渊君25 分钟前
还原 Mac Dock 栏动效: 一步步打造流畅的波形缩放动画
前端·css·react.js
凌览31 分钟前
4.4K Star 的 chrome-remote-interface 竟有这样的神功,不用写浏览器插件轻松搞定账号密码自动化填充
前端·后端·trae
独立开阀者_FwtCoder1 小时前
用分层结构扩展你的 React 项目
前端·javascript·后端
独立开阀者_FwtCoder1 小时前
AI 神器!一键把 Vue3 源码解析成文档!
前端·javascript·vue.js
观默1 小时前
90分钟从想法到发布,我是这样做的
前端·ai编程