开发总结（四）表单

最新推荐文章于 2022-05-29 13:58:58 发布
最新推荐文章于 2022-05-29 13:58:58 发布
阅读量137 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44180173/article/details/105037972
版权

我们用的是element-ui 在操作做表单的是要注意

提交了表单要记得重置表单 和关闭表单的时候重置表单

编辑修改用的dialog组件  点击打开dialog的方法 还有关闭的方法

1. 表单数据渲染表单 前面的id

添加到的对应的地方（表单和方法中）

<el-table-column type="index" label="序号" :index="serialNum"  width="50" ></el-table-column>


   //添加序号
    serialNum(index) {
      return (this.queryInfo.pagenum - 1) * this.queryInfo.pagesize + index + 1
    }

 

2.用element ui的fro表单 都有ref='' 重置表单和表单预校验的时候用

 

3.switch状态的处理   

接口传后台 mg_state为true或false

 

 

 

vue学习
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js开发总结（表单、页面）
孔祥月的博客
07-16 236
js开发总结（表单、页面） 页面跳转 window.location.href=url 页面刷新 window.location.reload(); 关闭窗口 window.close(); 表单 表单信息 /////使用ajax提交表单，需要对表单标签进行处理，不然，会执行默认行为 <form class="layui-form"> </form&gt...
JQuery表单元素取值赋值方法总结
11-20
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作，包括对表单元素的处理。本文将详细讲解如何使用 jQuery 对表单元素进行赋值和取值，以帮助开发者更好地理解和应用。 一、普通文本框的...
四、表单
qq_52916408的博客
03-26 285
文章目录四、表单4.1 表单的基本概念4.2 HTML 的表单元素4.3 使用表单需要注意的事项4.3.1 GET提交方式(默认)4.3.2 POST提交方式4.4 自定义注册表单 四、表单 4.1 表单的基本概念 在我们页面上唯一用于接收用于输入并与服务器交互的元素——表单 我们做在网站或软件系统时会尽量避免用户输入,在任何软件系统都会存在需要用户输入的要素，用来收集用户的信息; 在网页上能够接收输入的只有表单; 表单是一个统称，它指的一系列表单元素的集合; 4.2 HTML 的表单元素 文本框(t
HTML第四节总结
qq_58957340的博客
02-25 463
表格： 表格的基本结构 定义表格的基本框架 border表示表格边框 cellspacing单元格与单元格的距离 cellpadding单元格边距，内边距 ，内容与单元格边框四周的距离 bordercolor修改表格边框颜色 bgcolor修改表格单元格背景颜色，可以单独给单个单元格或行 align水平对齐方式 left居左对齐 right 居右对齐 center 居中对齐（可以加给整个表格也可以加给行或单独单元格） valign单元格垂直方向对齐方式（top：顶部 bottom：底部..
HTML4表单
Abenazhan的博客
05-30 442
表单标记：<form></form>form属性： ①action=“url”处理表单数据的应用程序地址，email地址或者网址，提交到哪儿个文件。 ②method=“get” =“post” 数据传递的方式， get提交方式在地址栏会以明文显示，不能传递大数据，空间有限，默认传递方式。 post上传文件...
【VUE】Vue总结
吴纯玲的博客
07-06 3066
一个Vue应用就是一个Vue实例 var mydata = { name:"Mike", age:23, job:"engineer" }; //Vue实例模板如下 var vue = new Vue({ el:"#myapp", //myapp为应用的根节点 data:mydata, //mydata为这个应用的数据对象 beforeCreate:function(){ ...
web移动开发总结(四)
庚中
12-10 4374
总结 移动端的一些基本基础知识 移动京东的项目搭建 公共样式的定义 顶部通栏的布局 轮播图的布局 导航条的布局 秒杀商品布局 京东超市布局 原生移动web开发 响应式开发： 写一个页面同时适配多个终端 原生的移动web开发： 分别针对每个端都写一套代码 PC端写一套代码 移动端写一套代码 PC端一般使用固定宽高的布局 移动端全屏撑满整个页面 全屏100% 使用百分比布局（流式布局） 目...
React开发总结6:Form表单
huihui_999的博客
05-29 3917
表单是应用程序中最重要的部分之一.通过表单,我们可以从用户那里获得丰富的输入.我们从基础一开始做起,这里不使用任何UI框架,用react自身来实现对Form表单的控制. 1.基础按钮 import React from 'react'; const content = document.createElement('div'); document.body.appendChild(content); module.exports = class extends React.Component {
公司APQP新产品开发设计表单
07-08
本文将从标题、描述、标签和部分内容四方面对APQP新产品开发设计表单进行解析，并总结出相关的知识点。 一、质量规划 APQP是汽车行业中的一种质量规划方法，旨在确保新产品的设计、开发和生产过程中达到高质量和高...
Flask框架学习笔记之使用Flask实现表单开发详解
09-18
在Flask框架中，表单开发是构建交互式Web应用不可或缺的部分。本篇文章将深入探讨如何使用Flask实现表单的定义、数据提交以及验证。首先，我们将关注HTML中的基本表单元素，然后讨论如何使用Flask的内建功能与第三方...
通达OA系统流程表单、对接金蝶系统二次开发良好总结
最新发布
10-21
在二次开发中，我们可以深入到表单的设计、字段配置、逻辑规则设定等方面，例如增加自定义字段、设置表单关联数据、构建复杂的业务流程。这不仅能够提高表单的灵活性，还能确保数据的准确性和完整性。通过编写自定义...
vue 动态表单开发方法案例详解
10-15
总结来说，Vue.js 动态表单开发的关键在于将后端提供的数据转换为前端可理解的模板，结合Vue的响应式系统和组件化特性，实现高度灵活和可扩展的表单。在实际项目中，这样的方法可以极大地提高开发效率，同时保持界面...
亲测成功解决internal / modules / cjs / loader.js：800 throw err；
热门推荐
weixin_44180173的博客
05-10 3万+
记一次崩溃的安装vue-cli 安装了vue-cli4，但是有些项目是vue-cli2的，导致vue4卸载不了直接删除了重新安装也无济于事，能奔溃啊。。各种报错。。各种百度...也没找到解决方法 internal / modules / cjs / loader.js：800 throw err; 网上解决方法 不能说不对但是没彻底解决了 安装也安装了可是还是解决不了。。。怎么办！！！！在最坐下角的搜索 1.输入vue打开vue的文件位置 vue的环境变量在这里 2.看报错提示..
图文详解--亲测有效---Vue-cli3 更新 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
weixin_44180173的博客
01-24 2万+
Vue-cli3 更新 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. 2.9.6 初始化项目是用 vue init webpack my-project 3.0以上 初始化项目是用 vue create my-project 这是因为你安装的是2.9的版本用了3.0的命令 解决方法：1.用...
vue 遍历数组取出字符串用逗号拼接
weixin_44180173的博客
05-08 1万+
数组字转符串拼接成逗号去掉最后的逗号 var arr=[2,3,4,5] var str = ""; for (var i = 0; i < arr.length; i++) { str += arr[i]+ ","; } //去掉最后一个逗号(如果不需要去掉，就不用写) if (str.length > 0) { str = str.substr(0, str.length - 1); } 或者直接判断 var arr = [2, 7, 9,.
element-ui 滚动条样式修改
weixin_44180173的博客
06-30 9328
element uide 滚动条样式很难看 这是修改全局的滚动条样式 可以添加下面的样式来修改 ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px; } 修改后的样式 比原来好看多了 ...
Vue动态添加变量给变量赋值
weixin_44180173的博客
06-24 8483
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue动态添加变量给变量赋值</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head> <body> <div id="app"> ...
vue post请求的几种方式 axios
weixin_44180173的博客
02-21 8050
一、axios的post请求 方式 1.方式1拼接 send: function () { axios.post('post.php','name=alice&num=20&').then(resp=>{ console.log(resp); this.josarr=resp.data.jokes //数据赋值 ...
vue 删除对象的元素 delete
weixin_44180173的博客
05-13 4641
data中定义一个form data: { seen: true, from:{ id:'', name:'', age:'', } } 现在不需要age元素 删除 delete this.from.age; 场景form表单提交的时候新增的数据和编辑页面公用一个页面 ，在添加的时候不需要id而就可以delete删除id <!DOCTYPE html> <html> <head> <met.
JSP交互与Web开发实战总结
"这是一份详细的JSP学习笔记，涵盖了从基础的JSP与Web页面交互，到JSP页面元素、内建对象的使用，再到JDBC的介绍，旨在帮助初学者掌握JSP技术并应用于实际...通过深入学习和模仿其中的案例，可以有效提升Web开发技能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值