echarts 的使用/按钮权限/全局混入

echarts 的使用:

// 1. 导入 或者 script外链资源

// 2. 初始化一个echart对象 let echart = Echarts.init(挂载DOM节点)

// 3. 设置配置项 echart.setOption({配置对象}) 配置对象翻阅文档即可！

mounted里面做第一次的渲染   请求数据回来之后再次渲染

按钮权限的实现:

按钮权限的思路： 登录之后，会返回该用户所拥有的按钮权限标识，我们开发一个检测的方法，通过全局混入给每个组件使用。判断按钮的标识是否在该用户的按钮表示数组中，在说明拥有该按钮的权限，不在数据中，说明没有该按钮的权限

import store from '@/store'

export default {
    methods: {
        checkPermission(str) {
            // str 是按钮对应的权限标识 判断是否在用户按钮标识的数组中
            const userInfo = store.state.user.userInfo
            if (userInfo && userInfo.roles && userInfo.roles.points) {
                return userInfo.roles.points.includes(str)
            }
            return false
        }
    }
}

 main.js里全局注册混入:

// 导入混入
import checkPermission from '@/mixin/checkPermission'
// 全局注册混入
Vue.mixin(checkPermission)

 使用:

 :disabled="!checkPermission('employees-add')"
  :disabled="!checkPermission('employees-edit')"
     :disabled="!checkPermission('employees-del')"

语言包的使用：（原理、i18插件、 如何结合element-ui、侧边栏语言切换、）

打包指令按照package.json里的设置来,    "build:prod": "vue-cli-service build",

打包之后:

// publicPath: '/', // 默认 需要用服务器的方式运行

  // 打包之后文件引用路径关系

  // ./ 相对路径关系, 可以使用文件打开

  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',