- 博客(324)
- 资源 (1)
- 收藏
- 关注
原创 echarts引入自定义字体不起作用问题记录
1、问题描述初始化界面字体不作用,当界面更新后字体样式正常显示2、原因描述这通常是由于字体文件加载延迟导致的。ECharts 在初始化时可能还没有加载完字体文件,因此无法正确应用字体样式3、解决方案<template>echarts.registerMap('聊城', mapData)return {})geo: [map: '聊城',label: {},normal: {},// 重影map: '聊城',normal: {],series: [
2024-11-12 17:35:13
411
原创 在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
原创 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
原创 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
原创 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
原创 vue2项目中添加字体文件
1、下载相关文件,放置文件夹中,这里我是在assets文件中新建了fontFamily。经过以上操作,就可以看到页面中字体样式发生了变化。2、在assets文件中新建css文件。
2023-12-05 16:32:41
656
原创 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
原创 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人