笑毅-优快云博客

2、不仅背景图片不展示，使用的iconfont字体图标也不展示了，多方查找，尝试修改字体图标的路径也不对，最后发现，本项目中使用了两个字体图标文件，一个文件3k，一个文件9k，3k的文件在打包后的dist/css/app.xxxx.css中引入的路径变成了base64，而9k的文件没有变，3k中的图标能正常显示，9k中的不行，所以就尝试如下调整。vue2项目，vue-cli4，因为要引入一个新的组件，版本冲突没办法把vue-cli4升级到了vue-cli5，主要版本如下，列举不全，仅供参考。

2024-07-15 12:39:53 342

原创 vue3项目中新增修改时使用nextTick时遇到的问题

乍一看以上代码，逻辑上没问题，但是修改数据后，刷新列表，发现，列表数据确实是修改后的了，此时再次点击修改，会发现修改弹框中的数据并没有更新，还是以前的旧数据，很费解。最后才发现问题所在，修改时给表单赋值回显时需要写在nextTick里，如下。页面是个列表页，需要实现增删改查，新增和修改使用表单提交。

2024-05-25 17:52:24 268

原创关于vue项目中动态引入图片作为背景图遇到的问题

vue项目中如果需要动态的引入图片作为背景图。

2024-05-10 16:08:23 744

原创关于修改ant-design-vue的table组件背景色遇到闪动的问题

这样重置之后，hover的样式确实没了，但是会出现以下闪动的情况，闪动出来一个背景色，找不到到底是哪个元素上的背景色。多方查找后才发现，只重置了hover时的td的背景色还不行，需要单独在重置一下td的背景色，如下。修改完之后发现表格行还有个hover的背景色，于是再次重置样式如下。ant-design-vue表格行背景色闪动的问题。项目中需要修改表格的背景色为以下样式。此时就不会有闪动的问题了。

2024-05-09 15:47:30 662

原创安装nvm管理node版本

卸载电脑上原有的nodejs，卸载后确保相关的文件夹也删除掉，否则会在nvm安装成功后管理node版本时造成冲突，例如执行nvm use 20.5.0时报exit status 145的错误。注意，在nvm安装成功后，并且指定的node版本也安装成功了，但是在项目的命令行中如果出现node不是内部命令的现象，此时可能是环境变量没有配置成功。此时再在命令行中尝试node -v看看是否成功，如果还是报不是内部命令，重启电脑试一下。检查nvm是否安装成功，nvm -v，能出版本号即为安装成功。

2024-04-22 16:00:04 530

原创 vue3项目中使用getCurrentInstance获取实例和dom的问题

我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中，可以通过this来获取当前组件实例；Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。在Vue3中，getCurrentInstance()可以用来获取当前组件实例。

2024-04-02 12:07:09 1045

原创关于vue-seamless-scroll插件中使用echarts图表后有些模块中图表不渲染的问题的解决方案

执行npm install vue-seamless-scroll。拿vue2为例来说明。

2024-02-29 10:00:01 570

原创项目部署后需要和门户进行交互，获取token信息

此时会发现一个问题，就是因为打包后的js入口文件名不是固定的，那就需要每次都只能是打包后手动来修改loadScript，这就很麻烦，要怎么解决呢？最后就是把获取token的源代码直接放在public/index.html中即可（注意放置的位置），不需要等到打包后在修改index.html。loadScript的参数值直接给’./js/app.customName.js’即可。loadScript的参数值取决于打包后的js入口文件名。以上代码，需要放置到打包后dist中的index.html中，放在。

2024-01-17 15:48:19 230

原创 echarts的自定义图例的点击事件

【代码】echarts的自定义图例的点击事件。

2024-01-16 17:56:30 1528

原创 ant-design-vue的table组件的自定义表头和表格内容

使用a-table组件时，有时候需要自定义表头以及表格内容。

2024-01-10 11:28:27 5391 3

原创 ant-design-vue的日期组件a-range-picker赋值的问题

发现此时就可以正常赋值了且不报错，但是问题又来了，打印变量发现变量的值也是moment，又需要再次进行转换，很麻烦。在使用ant-design-vue的日期组件时，总是会碰到赋值问题，习惯性的赋值就是直接给日期组件的变量赋值字符串类型，如下。这是因为该时间组件默认只能接收moment类型的时间，此时需要借助于moment插件来进行以下转换，如下。以上问题是因为没有指定valueFormat，指定该值后就不用来回转了，如下。此时单从页面上看，能成功赋值，但是控制台会报个错。查阅ant文档发现一个属性。

2024-01-08 10:52:28 2261

原创系统门户配置菜单的问题

选择的应用名称的作用，是控制点击该子菜单时，使顶部横向菜单保持在指定的位置。比如点击了视频服务下的子菜单模型服务，如果给模型服务配置的应用是视频服务-除渣系统，点击模型服务时就会跳转到除渣系统。左上角用户下拉-权限管理-角色授权，给对应的角色进行授权后，再次刷新页面（可清缓存）即可看到菜单生效。注：树结构的第一级即为门户顶部的横向菜单内容，具体展示哪些需要另外配置权限方能展示。4、新建完成后，系统上的菜单还并不能显示出来，还需要配置权限。3、新建应用完成后，需要新建菜单。1、需要新建一个应用。

2024-01-03 18:10:51 508

原创使用elementui的table组件表头上的筛选功能

也定位不到这个到底是个什么元素，就很奇怪。经过多次尝试，发现在改变.el-checkbox__inner::after的边框颜色后左上角的那个框颜色也变了，才确定左上角的框就是选中状态中间的那个对勾，至于为什么会展示到左上角也没找到原因，解决办法是将.el-checkbox__inner::after的边框颜色设置为透明，在.is-checked的状态下在显现出来即可。成功引入后，需要进一步修改样式，修改样式后发现个问题，就是下拉框左上角有个一闪而逝的方框，如下视频。

2024-01-02 16:37:12 683

原创 vue项目需要给el-date-picker添加自定义按钮改变样式所遇到的问题

点击重置按钮后，dateValue是重置成当前日期了，但是会发现，如果对picker中的年、月进行了更改后，点击重置按钮，年月显示的还是更改后的效果，如下。此时可以通过调用updatePopper方法来解决，如上述关键代码。需要自定义下拉框样式，并且下拉框中需要添加自定义的按钮，如下效果。重置按钮是自己通过jquery添加上去的，关键代码如下。

2023-12-27 11:26:37 1294