自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(324)
  • 资源 (1)
  • 收藏
  • 关注

原创 主界面关闭时,使用window.open新开的子界面同时关闭

【代码】主界面关闭时,使用window.open新开的子界面同时关闭。

2024-11-24 16:47:25 305

原创 ant-design-vue中table某一列进行合并

1、在colums中配置自定义渲染。2、处理请求来的数据。

2024-11-24 16:45:52 441

原创 去除a-table当鼠标移入时背景颜色的变化

【代码】去除a-table当鼠标移入时背景颜色的变化。

2024-11-12 17:50:32 554

原创 echarts引入自定义字体不起作用问题记录

1、问题描述初始化界面字体不作用,当界面更新后字体样式正常显示2、原因描述这通常是由于字体文件加载延迟导致的。ECharts 在初始化时可能还没有加载完字体文件,因此无法正确应用字体样式3、解决方案<template>echarts.registerMap('聊城', mapData)return {})geo: [map: '聊城',label: {},normal: {},// 重影map: '聊城',normal: {],series: [

2024-11-12 17:35:13 411

原创 前端根据后端返回的文本流逐个展示文本内容

经过以上两步,即可实现文本流逐个显示在界面上。前端根据后端返回的文本流逐个展示文本内容。

2024-11-05 14:51:46 1206

原创 在vue中v-show不起作用

表单分步骤提交,需要保存用户所填写过的信息,在点击上一步的时候,回显所填信息,所以不可以使用v-if来进行步骤切换,要使用v-show,但是当使用v-show的时候出现了另外一个问题:没有显示隐藏效果,而是将所有的步骤显示出来了。当v-show不起作用,很大一部分原因是因为标签设置了display属性如display:flex,该样式的优先级高于v-show的display:block或display:none,从而导致的v-show不起作用。(2)使用v-if替换v-show。

2024-10-17 15:49:47 1252

原创 axios在实际项目中的封装

以上封装可直接粘贴到代码中进行使用。2、对于封装的axios的使用。1、axios的封装。

2024-10-11 21:09:28 442

原创 vue3中删除列表中数据,总数存在,当前页码无数据时,页码自动减1

当前页返回数组为空时,且数据总数不为0时,说明该列表是有数据的,只是当前页数据不存在,此时页码减去1,请求上一页的数据即可。

2024-10-11 21:08:56 253

原创 vue3中自定义校验函数密码不生效问题

由于在自定义的校验规则中只校验了有数据的情况,以至于在没输入时,校验不生效(1)用户不输入校验不生效if (value!== '') {callback(new Error('请输入至少8位确认密码'))callback(new Error('两次输入的新密码不一致'))} else {callback()=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])(?!if (value!== '') {

2024-10-11 21:07:47 348

原创 vue3打包配置

4、有时候我们项目中会用到其他应用的地址,但是该应用的地址是不确定的,因此需要将该动态的地址放在public文件夹中,该文件夹中的东西是不参与打包的,我们可以方便快捷的修改打包后文件,快速部署应用。(1)将路由模式修改为history,将路由模式修改为history模式时,正常访问是没有问题的,但当界面刷新时,会出现404的问题,该问题需要后端配合。由于在本地开发和线上部署的环境,需要请求的地址前缀是不一样的,所以需要在各自的环境文件中去进行配置,(3)获取配置变量函数。3、环境文件中的配置。

2024-10-11 16:41:58 1074

原创 前端全屏模式切换

【代码】前端全屏模式切换。

2024-09-27 15:52:57 675

原创 前端根据存储量计算最适用单位

【代码】前端根据存储量计算最适用单位。

2024-09-27 15:51:50 136

原创 vue3中使用echarts折线图初始化只显示一条数据,其余折线根据用户点击进行显示

1、主要是在图例属性中去配置selected属性,将刚开始需要展示的折线设置为true,其余设置为false。

2024-09-27 15:51:23 712 1

原创 vue3当返回上一级的时候,页面列表不更新

2、解决方案:可以监听路由变化,当路由变化时,去请求列表数据,以下为代码片段。1、问题出现的原因:没有走onMounted生命周期。

2024-09-27 15:50:02 716

原创 ant-design-vue中table组件复选框分页切换保留之前选中数据

(1)template片段。(1)template片段。(2)script片段。(2)script片段。

2024-09-27 15:49:03 661

原创 ant-design-vue中table组件复选框默认值设置

(1)template代码片段。(2)script代码片段。

2024-07-30 11:21:13 779

原创 uni-app中实现音乐播放器

(1)当一首歌曲播完之后,进度条不更新问题,在网上查看到的方法都是说:该问题是存在的一个bug,解决的方案是我们再代码中要主动的调用paused()方法。(3)音乐播放器的地址,含有中文名称,在模拟器上面可以正常播放,手机上面不可以,解决方案:需要将该地址进行编码,编译成编译器可以识别地址。(3)components中player-animation文件夹player-animation.vue文件代码。(2)当点击暂停播放后,音乐从头播放的问题,解决方案:利用seek()方法使其跳转到指定位置。

2024-01-11 19:20:25 3819 4

原创 uni-app中在模拟器上内容可以滚动,真机上失效问题解决

1、刚刚开始使用的是view组件,给定了高度,超出部分y轴滚动,微信小程序模拟器上面一直为正常。2、为了适配真机,在view组件外边套用了scroll-view,利用该组件中的组件配置滚动。

2024-01-11 15:37:47 1282 2

原创 uni-app中实现元素拖动

该利用的是uni-app封装movable-area和movable-view两个组件配合来实现。利用的是uni-app中的movable-area和movable-view两个组件配合实现。

2024-01-03 10:07:21 1265

原创 前端背景虚化效果(不影响子元素)

查看了好多资料,最后发现需要利用伪元素才可以实现该效果,由于项目中背景图片是随时变化,所以在这里使用了css变量去控制。在这里需要注意的一点是:利用var去调用变量的时候,不能使用驼峰式命名。在这里bgUrl可以随便定义,只是一个css引用的标识;

2024-01-03 09:51:16 1207

原创 图片压缩问题解决方案

为了让图片在不同的屏幕上面实现自适应的效果,此时只需要给图片宽度,高度会自适应。

2023-12-14 11:52:22 482 1

原创 h5端实现长按二维码保存图片功能

2、将二维码转化为图片。

2023-12-14 11:33:20 1993

原创 vue2项目中添加字体文件

1、下载相关文件,放置文件夹中,这里我是在assets文件中新建了fontFamily。经过以上操作,就可以看到页面中字体样式发生了变化。2、在assets文件中新建css文件。

2023-12-05 16:32:41 656

原创 前端文本省略号后面添加复制文字

【代码】前端文本省略号后面添加复制文字。

2023-12-02 18:03:23 318

原创 antd中在vue项目中自定义穿梭框

1、完成代码

2023-09-07 17:19:42 2269

原创 实现打印功能

【代码】实现打印功能。

2023-09-07 17:10:27 205

原创 echarts环图配置

2、页面引入echarts。1、安装echarts。template片段。

2023-09-07 16:49:39 961

原创 vue2中实现文本复制、二维码复制

【代码】vue2中实现文本复制、二维码复制。

2023-09-07 16:45:13 399

原创 antd中table组件rowSelection属性的动态设置

当searchVisible属性为真的时候,table列表复选框才显示。

2023-09-07 16:44:40 583

原创 H5中px转rem

将以下js方法放置在index.html文件中即可使用。

2023-08-14 09:12:12 366

原创 h5中手机键盘弹起时弹窗高度变化

1、input聚焦获取该弹窗元素,将该弹窗元素高度缩小同时滚动到底部。2、template代码部分。

2023-08-14 09:11:42 440

原创 vue实现5*5宫格当鼠标滑过选中的正方形背景颜色统一变色

以上代码粘贴赋值即可使用。

2023-08-10 20:34:26 755

原创 uni-app中button点击时默认底色问题

参考:https://blog.youkuaiyun.com/qq_41620231/article/details/121602371。在button中增加hover-class='none’属性即可实现。

2023-07-18 20:09:01 551

原创 uni-app中button按钮font-weight不生效

参考:https://blog.youkuaiyun.com/m0_49609366/article/details/119820558。当给button组件设置font-weight为600的时候,发现并不会起作用,此时需要将数值修改为700,即可看到效果。

2023-07-18 20:08:31 531

原创 小程序rich-text单行省略

参考文档:https://blog.youkuaiyun.com/u013611033/article/details/121535633。返回数据为HTML字符串,需要在rich-text渲染, 需要在一行显示,超出部分进行隐藏。template片段。通过以上方法即可解决。

2023-07-14 08:57:50 1400

原创 el-input修改默认样式

浏览器会有自动填充默认样式功能,添加延迟让自定义背景颜色生效。

2023-07-14 08:57:19 668

原创 Ant Design of Vue中修改a-input默认样式

参考文档:https://blog.youkuaiyun.com/RepecTT/article/details/125784577#comments_27574635。浏览器对于input会有自动填充功能,给input添加默认样式,导致自定义样式不生效,书写以下样式进行延迟使自定义样式生效。

2023-07-14 08:56:44 1332

原创 vue2中数据联动效果的实现

vue2中数据联动效果的实现

2023-06-20 09:32:48 334

原创 uni-app中动态设置页面标题

uni-app中页面中动态设置标题

2023-06-16 15:37:05 1686

原创 Promise.all()在实际项目中的使用

Promise.all()在实际项目中的使用

2023-06-15 17:51:44 271

基本选择器、font的设置属性、text系列、盒模型的基本介绍

css3基本选择器、font中字体的设置属性、text系列的设置属性、颜色表示方法、盒子的基本结构以及模型

2020-10-18

空空如也

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

TA关注的人

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