表单的总数据为什么可以写成一个空对象,不用具体的写表单中绑定的值,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属性。

相关推荐
sibylyue7 分钟前
Typescritpt、ES6
前端·javascript·vue.js
用户3076752811277 分钟前
《拒绝卡顿:深入解析 AI 流式 Markdown 的高性能渲染架构》
前端·javascript
Mertens18749 分钟前
Zero-Doc:极简的 Spec Coding 落地指南
前端·javascript·ai编程
毛骗导演10 分钟前
万字解析 OpenClaw 源码架构-跨平台应用之MacOS 应用
前端·架构
ZengLiangYi10 分钟前
用 1300 行原生 JS 做了一个 Chrome DevTools 扩展,让前后端不再为接口报错截图扯皮
前端·javascript
sxq11 分钟前
Flow Render: 像调用异步函数一样渲染 UI 组件
vue.js·react.js
A_Qyp11 分钟前
JeechBoot前端表格内操作设置下拉
前端·javascript
YimWu11 分钟前
面试官:OpenCode Agent 代理机制了解吗?
前端·agent·ai编程
小小程序员mono15 分钟前
JS 与 Vue Router 导航方式对比
开发语言·javascript·vue.js
IT星宿15 分钟前
smart-unit:一个优雅的 JavaScript 单位转换库,告别繁琐的依赖管理
前端·javascript·typescript