vue前端项目中遇到的问题以及解决方案-不定时更新

1.vue-cli创建vue项目中全局使用mixin

首先需要安装插件

npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev

修改vue.config.js文件

pluginOptions: {
  'style-resources-loader': {
    preProcessor: 'scss',
    patterns: [
      // 路径根据具体需求更改
      path.resolve(__dirname, 'src/styles/mixin.scss'),
      path.resolve(__dirname, 'src/styles/flex.scss')
    ]
  }
}

2.vue query传参刷新后数据变成[Object Object]

原因：vue的query传参不支持对象数据类型

解决：在传参时将对象转换成json字符串数据格式，在页面获取参数时再转换成对象数据格式。

3.echarts更改scatter颜色不生效

原因：在series中配置了visualMap，而echarts中visualMap的优先级是最高的

解决：

• 删除visualMap的配置
• 在visualMap中指定seriesIndex

visualMap: {
  type: 'continuous',
  min: 0,
  max: 10,
  text:['多','少'],
  color: ['#4979FF', '#E7E9F0'],
  seriesIndex: 0 // 仅使第一个series生效
}