绑定数据的名称可以根据接⼝设置。 接⼝为：菜单管理 -> 保存或新增菜单。 由于接⼝的请求参数需要为 application/json 所以使⽤ Postman 测试时要进⾏对应选择。

将数据声明在 data 中，并绑定到视图。 // views/menu/create.vue data () { return { form: { id: 1, parentId: 1, name: ‘’, href: ‘’, icon: ‘’, orderNum: 0, description: ‘’, shown: false } } }, // views/menu/create.vue ref=“form” :model=“form” label-width=“80px”> label=“菜单名称”> v-model=“form.name”> label=“菜单路径”> v-model=“form.href”> label=“上级菜单”> v-model=“form.region” placeholder=“请选择上级菜单”> <!— 上级菜单存在：⽆上级菜单和对应上级菜单2种情况，⽆上级菜单对应数据为 -1 —> label=“区域⼀” value=“shanghai”> label=“区域⼆” value=“beijing”> label=“描述”> v-model=“form.description”> label=“前端图标”> v-model=“form.icon”> label=“是否显示”> v-model=“form.shown”> <!— radio 的 label 会同步给 v-model 的 shown，默认为字符串，更改 绑定为布尔值 —> :label=“true”>是 :label=“false”>否 label=“排序”> v-model=“form.orderNum” label=“描述⽂字”> type=“primary” @click=“onSubmit”>提交 重置