vue-vben-admin修改遇到的问题

本文分享了解决技术问题的五个实例:Codemirror版本升级后的import错误处理,ESLint乱码解决方案,git提交时的包版本问题,图表文字截断,以及Vben和AntDesignVue组件的高级用法.
摘要由CSDN通过智能技术生成

1. codemirror 5 to 6

codemirror 5版本升级6时,如果依赖中使用了@types/codemirror包,并且修改完codemirror版本后出现import错误,可以尝试删除@types/codemirror依赖包,来禁止类型检测。

2. eslint --fix在webstorm进行git提交时,错误提示乱码

webstorm修改文本编码格式,并清理webstorm缓存,重启webstorm。本人控制台乱码问题解决。

@commitlint/cli包19.1.0版本好像有问题,在git提交时会有异常,升级到19.2.0之后问题消失。

3. 在分析页面的柱状图或者折线图的x轴坐标内容超长时,可以给setOptions方法中的xAxis属性添加axisLabel,如

axisLabel: {
          interval: 0,
          formatter: (value: string) => {
            if (value.length > 4) {
              return `${value.slice(0, 4)}...`;
            }
            return value;
          },
        }

对文字进行截取来保证说明的展示。

4. 使用vben自己编写的BasicForm组件时,如果想屏蔽自带button,可以使用showActionButtonGroup属性屏蔽两个按钮,不必分开屏蔽。

5. 在使用ant-desgin-vued的a-from组件时,如果想添加提示语,可以使用a-form-item的extra属性对改item进行提示语的添加。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值