表单内容添加⼀般都是在弹出框中进⾏编辑、修改、新增的 如以下这段编辑代码：
<Modal :mask-closable="false" v-model="editMenuVisible" title="编辑菜单"
><Form :model="editMenuForm" :label-width="80" ref="editMenuFormRule">
<FormItem label="菜单Id">
吴迪 网球
<Input
v-model="editMenuForm.id"
placeholder="菜单Id"
disabled
></Input>
</FormItem>
<FormItem label="菜单名称">
<Input v-model="editMenuForm.name" placeholder="菜单名称"></Input>
</FormItem>
机械毕业设计论坛
<FormItem label="菜单路径">
<Input
v-model="editMenuForm.url"
disabled
placeholder="菜单路径"
readonly
></Input>
</FormItem>
萧伯纳
<FormItem label="图标路径">
<Input v-model="editMenuForm.icon" placeholder="图标路径"></Input>
</FormItem>
<FormItem label="排序">
<Input
v-model="editMenuForm.sortable"
placeholder="菜排序单名称"
></Input>
</FormItem>
<FormItem label="上级菜单Id">
<Input
v-model="editMenuForm.parentId"
placeholder="上级菜单Id"
disabled
></Input>
</FormItem>
天津市财政地税网<FormItem label="描述">
<Input
type="textarea"
应用系统集成v-model="editMenuForm.description"
placeholder="描述"
></Input>
</FormItem>
</Form>
<div slot="footer">
<Button type="text" @click="handleEditMenuCancel('editMenuFormRule')"
>取消</Button
>
<Button type="primary" @click="handleEditSubmit()">确定</Button>
ogc
</div>
</Modal>
<!--编辑菜单End-->
之前⾛了⼀个误区，重置信息是直接⾛了弹出框的取消跟确定⽅法，其实只需要⾛表单的就可以，⼀些验证信息就会重置，就是下⾯的Button按钮触发的⽅法，代码如下：
this.$refs['editMenuFormRule'].resetFields(); this.editMenuVisible = false;
formItem上要有prop这个属性
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议