工作177:表单重置项目处理
<template><!--新建账号对话框--><el-dialog title="新建账号" :visible.sync="dialogFormVisible" @close="close"><el-form ref="form" :model="form" size="medium" :label-width="formLabelWidth"><el-form-item prop="name" label="账号名称" :label-width="formLabelWidth"><el-input v-model="form.name" autocomplete="off"></el-input><!-- <el-button @click="resetLoginFrom">重置</el-button>--></el-form-item><el-form-item label="所属平台" :label-width="formLabelWidth"><el-input v-model="form.platform" autocomplete="off"></el-input></el-form-item><el-form-item label="内容类型" :label-width="formLabelWidth"><el-input v-model="form.content_type" autocomplete="off"></el-input><!--<el-select v-model="form.content_type" placeholder="请选择内容类型"><el-option v-for="item in content_type" :label="item.text" :value="item.value"></el-option></el-select>--></el-form-item><el-form-item label="所属部门" :label-width="formLabelWidth"><select-form @change="DepartmentList" v-model="form.department_id" /></el-form-item><el-form-item prop="business_module" label="所属栏目" :label-width="formLabelWidth"><!--注意用户的返回值--><el-select v-model="form.business_module" placeholder="请选择所属栏目" multiple><el-option @click="resetLoginFrom" v-for="label in business_module" :label="label" :value="label"></el-option></el-select></el-form-item><el-form-item prop="column" label="所属单元" :label-width="formLabelWidth"><!--注意用户的返回值--><el-select @click="resetLoginFrom" v-model="form.column" placeholder="请选择所属栏目" multiple><el-option v-for="label in column" :label="label" :value="label"></el-option></el-select></el-form-item><el-form-item label="发布类型" :label-width="formLabelWidth"><el-select v-model="form.resource_type" placeholder="请选择发布类型"><el-option label="头条" value="1"></el-option><el-option label="次头条" value="0"></el-option></el-select></el-form-item><el-form-item label="刊例价" :label-width="formLabelWidth"><el-input v-model="form.price" autocomplete="off"></el-input></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button @click="cancel">取 消</el-button><el-button type="primary" @click="submit">确 定</el-button></div></el-dialog>
</template><script>
import { AddEditDialogMixin } from "@/component/dialog/AddEditDialogMixin";
import SelectForm from "@/component/select/SelectFrom";
import {getAction} from "@/api";
export default {//注册组件components: { SelectForm},name: "create",mixins: [AddEditDialogMixin],data() {return {formLabelWidth: "140px",url: {add: "/account",edit: "/account",query: "/account"},business_module:[],column: []};},/* created() {this.list();/!* this.account_content_type();*!/},*/computed: {fullTitle() {return this.title + "账号";}},methods: {/*封装网络请求 该数据为所属单元和所属项目*/DepartmentList(val) {this.resetLoginFrom()/* this.$refs.form.resetFields()*/getAction("/department/attribute/"+val).then(res => {//回显数据this.business_module=res.data.business_module;this.column=res.data.column;});},resetLoginFrom(){this.$refs.form.resetFields()}/* account_content_type(){getAction('/dict/list', {dict_code: 'content_type'}).then(res => {this.content_type = res.data})}*/}
};
</script><style></style>
表单重置
工作177:表单重置项目处理相关推荐
- 工作275:表单验证重置
/*3GY歌谣表单验证 通过继续前行*/this.$refs["form"].validate(valid => {if (valid) {setTimeout(() =&g ...
- ElementUI中el-form实现表单重置以及将方法抽出为全局方法
场景 使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 那么el-form怎样实现表单重置,如果在多个页面需要用到重置,怎样将此方法抽出为全局的方法,在需要用到的地方直接引用. 注 ...
- ElementUI实现el-form表单重置功能按钮
目录 业务场景: 效果演示: 业务场景: 使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 重置功能按钮功能实现详细步骤: 第一:首先给el-form添加ref属性. <el ...
- 【HTML】form表单重置、清空方法记录
form表单重置.清空方法记录 myform 是 form 的 id 属性值 调用 reset()方法 function fomrReset() {document.getElementById(&q ...
- elementUI form表单重置问题
elementUI form表单重置问题 问题 如果修改了data里的表单form默认值,那么重置以后就是你修改以后的值,而不是data里的值了所以this.$refs.ruleForm.resetF ...
- ElementUI 之el-form表单重置功能按钮
业务场景: 使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 重置功能按钮功能实现详细步骤: 第一:首先给el-form添加ref属性. <el-form :inline=& ...
- 工作176:表单重置
复制代码 <el-form :model="loginForm" ref="loginFormRef"> // 1. 需要给表单指定 ref 属性 ...
- 功能:登录和退出(表单重置和预验证、路由导航守卫、路由重定向)
3.登录/退出功能 3.1登录概述 3.1-1.登录业务流程 ①在登录页面输入用户名和密码 ②调用后台接口进行验证 ③通过验证之后,根据后台的响应状态跳转到项目主页 3.1-2.登录业务的相关技术点 ...
- ajax 泛微oa表单js_OA项目总结
1. OA项目总结 (1) 项目中大量应用到请求转发和重定向,再次简述请求转发和重定向的区别. 转发是带着request和response 过去 重定向,为俩次请求 (2) 简述MVC分层模式,并简述 ...
最新文章
- nginx安装-添加MP4播放模块
- Material Design(十一)--CoordinatorLayout和自定义视图
- java输出孪生素数对数_为什么孪生素数、波利尼亚克、哥德巴赫这些素数加减关系的猜想不能被证明?问题出在哪?...
- DNS and Bind (一)
- C/C++实现读取当前文件夹下的文件-popen
- 2017双11技术揭秘—千亿级流量来袭,如何用硬件加速技术为CPU减负?
- android原生调用nextjs方法,详解使用Next.js构建服务端渲染应用
- BGP——邻居状态机+报文分析(总结)
- js小技巧,收藏.作者:空军上将
- android生命周期_Android活动生命周期– 7个阶段和功能
- bodymovin输出Json动画为黑白的解决方案
- mac下安装pyaudio
- 如何提取NC中的数据不同维度信息(如:变量、时间等
- 服务器查看GPU及各个参数
- echarts异步数据加载(在下拉框选择事件中异步更新数据)
- C语言之网络编程(必背知识点)
- 微生物组学测序十大错误认知
- Microsoft Windows Server 2003版本对比
- ElementUI 年份范围选择器
- 第一部文学理论和评论专著是谁的著作?全书分为几个部分?