自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 VUE实现PDA设备的扫码功能

按下PDA设备的扫描键,扫描成功后将扫描到的编码值自动填充到输入框内,点击确定按钮将编码通过接口传递到后端。

2023-09-08 15:36:09 1646 1

原创 VUE组件重新渲染(组件重载)的3种方式

这个最简单实用,如果需要每次在当前父页面更新时重载CompTable这个子组件就可以用这个方法,每次父组件更新 :key 都会重新取值,而时间戳每次都是不同的,组件发现 :key发生变化就会重新渲染。起初我还担心如果把 new Date().getTime() 直接放到。v-if可以实现 true (加载)和false(卸载)注意它仅仅影响实例本身和插入插槽内容的子组件,VUE 组件重新渲染(组件重载)的3种方式。会不会不生效,要不要传个变量给key,后来发现完全不用,直接放上去就可以。

2023-09-08 15:27:11 9246 2

原创 VUE按钮如何调整位置

众所周知,网页设计和开发需要注意诸多细节,其中包括所谓的UI设计。在UI设计中,按钮的位置是至关重要的一部分。Vue框架提供了很多手段来调整按钮的位置。下面就为大家介绍一些常用的方式。总的来说,Vue框架提供了多种方式来调整按钮位置,包括CSS样式、组件和插槽。不同的情况下,选择不同的方式可以得到最佳的效果。只需要善于发挥这些工具,配合自己的设计思路,就可以设计出精美的UI界面。

2023-09-08 15:19:21 3792 1

原创 前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。

2023-09-08 15:08:01 184 1

原创 前端如何自定义网页图标

说明:更改网页图标1、准备一张图片 xxx.jpg2、将图片更改名称和后缀名为 xxx.ico3、将修改后的图片复制到项目的static目录下4、在前端页面中将图片引入使用<link rel="icon" href="favicon.ico">5、重启项目后刷新页面即可注意:谷歌浏览器不显示图标,可按ctrl+F5强制刷新。

2023-09-08 15:00:25 1223 1

原创 VUE按钮大小的设置

需要注意的是,通过CSS样式设置按钮大小可能导致不同浏览器的显示差异。Bootstrap提供了几种预设大小的按钮样式,我们只需要设置相应的类属性即可。例如,我们可以将class属性设置为"btn-lg"、"btn-md"或"btn-sm",分别对应大、中、小三种大小的按钮。以上是设置Vue按钮大小的一些基本方法和一些常用的框架的API,通过这些API我们能很方便地实现按钮的大小调整,让按钮更符合设计要求。在Vue中,按钮是经常用到的组件之一,而按钮的大小设置也是开发中常常需要关注的问题。

2023-09-08 14:51:50 1742 1

原创 清空表单的几种方式

如果直接用js提交后直接重置,有时候会报错,因为正在往后台传值的过程中,你就清空,会获取不到这个值。针对这种情况,你直接使用location.href="a.asp"就会自动清空所有的数据,因为location.href就是重定向刷新当前页面,数据什么的都会被清空的。2、如果action是跳转到当前页面处理,并使用js脚本返回前一页【history.go(-1)】,才会出现数据没有清空现象。1、如果是form表单上action直接提交到其他页面处理完了在跳回原来的页面的话,表单的文本框都会清空的。

2023-09-08 14:44:27 2004 1

原创 用VUE表单submit提交后清空表单数据

我们将表单数据绑定到了Vue实例的formData属性中,并在方法submitForm()中手动将formData清空。这样,在每次表单提交后,都会将表单数据清空。在Vue中,可以通过v-model指令来绑定表单输入元素和Vue实例中的数据。如果要在表单提交后清空表单数据,可以在提交表单的方法中手动将表单数据清空。

2023-09-08 14:29:38 1399 1

原创 【无标题】点击submit按钮后如何清空from表单

可以使用JavaScript的reset()方法来实现:

2023-09-08 14:18:49 163 1

原创 VUE新增内容,数据库插入数据的校验

Form 组件提供了表单验证的功能,只需要通过 rules 属性将数据传入约定的验证规则,并将 Form-Item的 prop 属性设置为需校验的字段名即可。可以对整个表单进行验证,也可以对单个内容进行校验。结合表单验证el-form中model、prop、rules属性用 pattern 正则表达式对输入的内容进行校验,用途广泛,因此本文介绍一些常见的校验正则表达式,方便大家使用。

2023-09-08 14:12:19 334 1

原创 删除列表元素

1、mylist.index(item, start, end) item是元素,前提是要保证该元素在列表中,不然会报错。针对以上的方法,我做个补充,比如怎么确认列表中元素的索引。2、enumerate()方法。

2023-09-08 14:10:49 78 1

原创 uniapp多input提交

【代码】uniapp多input提交。

2023-09-08 14:09:38 338 1

原创 from表单提交时存在上次残留数据

在form表单提交时,上一次的数据没有被清空,是因为浏览器会将表单中的数据缓存起来,以便下次提交时可以自动填充表单。1、 在form表单中添加autocomplete="off"属性,可以禁止浏览器自动填充表单;5、 使用AJAX技术提交表单,可以避免表单数据被缓存。4、 使用JavaScript清空表单中的数据;2、 在表单提交时,将表单中的数据清空;3、 在表单提交后,将表单中的数据清空;

2023-09-08 14:03:09 827 1

转载 如何在vue中的form表单中下拉框的数据来自数据库查询

本文意在记录自己学习中遇到的问题点

2023-09-05 11:10:41 2335 2

原创 mapjson格式

mapjson格式兼顾了易于解析、自我描述、体积小、易于扩展等多种优势特点,是一种非常优秀的数据交换格式。在实际应用中,我们应该根据具体业务需求,灵活运用mapjson格式,并遵守mapjson格式规范,以确保数据的高效传输和解析。

2023-09-04 22:30:00 2398 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除