前端vue项目
文章平均质量分 62
前端vue项目
【金融科技蚂蚁】
一枚金融科技岗机器人
展开
-
el-select下拉框选项分多列展示
相信很多开发者在实际项目开发过程中都会使用到 element-ui 组件库中的 Select 选择器,这个选择器官方是默认只用一列去展示所有的选项信息,当我们需要展示的选项内容比较多时用户只能通过滚动条去查找,多少会影响操作效率,本文讲述一种将选项内容分多列去展示。原创 2024-03-05 16:27:16 · 559 阅读 · 0 评论 -
详解js中判为空的情形(‘ ‘、“ “、0、NaN、false、null、undefined)
在前端的项目开发过程中,用 if 判断是否为空的情形经常使用,但为空的情形比较多样,不稍加注意容易判断错误而导致处理业务失败,本文将详细分析单个空格、多个空格、 '0'、0、NaN、false、null、undefined 等是否为空的情形。首先把结论写在下方:判为 false 的输入:' '(单引号)、" "(双引号)、false、null、0、NaN、undefined判为 true 的输入:' '(单引号内带空格)、" "(双引号内带空格)、'0'、'false'原创 2024-03-01 09:31:29 · 1228 阅读 · 0 评论 -
css自制icon图标(最简单的一种方式)
目录下(根据自己的需求放,也可以放在 assets 目录下,笔者是放在 /static/images 目录下),如下是我自己从网上下载的喇叭图标,图片命名为。组件库,去官网查了一下发现并没有 el-icon-notice 类型的公告图标(但是在 vant 与 vux 等移动端组件库中是有的),于是想着。,其实自定义 icon 图标方式有好几种,但是笔者只使用了一种较为简单的方式,亲测有效,现分享给同行开发者们。从网上下载自己喜欢的图标或者自制一个 logo 图标,将其放于项目的。原创 2023-12-15 11:58:25 · 964 阅读 · 1 评论 -
js过滤数组的filter用法(附与find的区别)
这时就可以使用 filter 方法,注意本文讲的这个 filter 是数组的一个方法,而不是组件中的filters:{},开发者可自行在组件 filters:{} 中加入筛选函数去转换格式。如图所示,countryOptions 是要进行筛选的一个数组,它有一个 filter 方法,item 则是countryOptions 里的每一个子项,filter 会遍历这个数组,将满足 item.value === "C" 的子项拿出来放在 filters1 数组中,直到筛选出所有满足条件的子项才结束,原创 2023-12-02 16:33:49 · 773 阅读 · 1 评论 -
el-table中show-overflow-tooltip属性未生效
el-table中show-overflow-tooltip属性未生效原创 2023-10-27 17:10:17 · 1485 阅读 · 0 评论 -
解决跨域问题之配置代理
解决跨域问题之配置代理原创 2023-10-19 18:55:10 · 142 阅读 · 0 评论 -
vue项目表单中使用resetFields()报错或未生效
使用resetFields()报错或未生效的解决方案原创 2023-10-07 15:51:42 · 3074 阅读 · 0 评论 -
vue项目按环境类型设置不同的IP地址等配置信息(附process.env常见问题)
vue项目按环境类型设置不同的IP地址等配置信息(附process.env常见问题)原创 2023-10-05 09:22:21 · 1385 阅读 · 0 评论 -
js中...variable的使用(解决变量的双向绑定)
将语句 let obj = info 修改为 let obj = [...info] 后,表示的就不是普通的赋值操作了,而是对象的复制,此时 obj 无论如何修改都不会改变 info 对象的值,这种复制用法的功能类似函数 Object.assign({},info),不同点在于 [...info] 既能适用于 Array 的变量类型也能适用于 Object 的变量类型,但是 Object.assign({},info) 只适用于 Object 变量类型。原创 2023-08-31 17:44:41 · 118 阅读 · 1 评论 -
设置el-upload上传框的尺寸大小
【代码】设置el-upload上传框的尺寸大小。原创 2023-06-14 10:07:21 · 6363 阅读 · 0 评论 -
vue项目固定文字和输入框的组合表单输入
上面就是根据单选框的值来切换公司名称的输入格式,这种固定文字和输入框的组合我姑且称之为半输入模式。一、PC端(使用element-ui组件)二、移动端(使用vant移动组件)下面是具体的前端代码(原创 2023-06-12 11:44:05 · 1715 阅读 · 2 评论 -
JS利用Promise机制依次对图片作转类型和压缩处理并上传
利用Promise的异步处理机制依次对图片作转类型和压缩处理并通过后台接口上传原创 2023-06-06 17:09:22 · 264 阅读 · 0 评论 -
刷新vue页面不出现404的方法
既能不改路由模式,又能刷新页面后不出现404转载 2023-05-30 17:13:11 · 216 阅读 · 0 评论 -
vue移动端设置全屏背景
vue移动端项目设置全屏背景,关键是要找对文件,然后添加background属性即可,这里说的全屏背景,是指任意切换页面,背景都还是这个背景,那么只要在入口html文件或者全局vue文件中增加background属性就能达到目的。原创 2023-05-30 15:01:43 · 1072 阅读 · 0 评论 -
vue项目实现下拉框的多选功能(附后端处理参数的方法)
本次演示共涉及多选框的展示、保存、编辑三个界面。原创 2023-04-09 11:12:37 · 11775 阅读 · 2 评论 -
利用CSS在图片中添加文字
CSS设置图片中添加文字原创 2022-12-30 10:48:09 · 10373 阅读 · 3 评论