摘要： 项目背景： 需要使用echarts进行图表展示。由于div宽高是不固定的，因此需要先获取父级的宽高再把值赋予到图表的div中。 需要使用 this.$nextTick(() => { });方法，在mounted中，保证DOM渲染完全后，在进行echarts初始化。 阅读全文

摘要： 以前使用websocket都是使用 window.webSocket = new WebSocket('ws://' + config.webSocketUrl + '/webData/websocket?token=' + token + '&username=' + username);这种方式 阅读全文

摘要： 日常项目中需要动态去切换组件进行页面展示。 例如：登陆用户是“管理员”或者“普通用户”，需要根据登陆的用户角色切换页面展示的内容.则需要使用 :is 属性进行绑定切换 阅读全文

摘要： 1、el-checkbox勾选的时候，无论勾选哪一个都变成全部勾选 错误原因：v-modal 的值是数组格式，并非为字符串格式 阅读全文

摘要： 下载图片时，接口返回的地址是base64格式的文件数据，因为页面需要把base64格式的数据转换为文件，再进行下载： 解决方案： 下载按钮： <el-button type="default" class="btnfoot" @click="downloadFun">下载</el-button> 下 阅读全文

摘要： 背景： 一般情况下，向后台发送数据请求会存在公共的变量，为了避免每一个相同部分的变量都重新定义，则想出以下解决方案： 例如一下：function,version,Authorization是公共请求部分。 解决思路方案： 1、在utils中一个定义公共变量或者方法的文件中定义requestPostP 阅读全文

摘要： 原文：https://www.cnblogs.com/Hsong/p/9023341.html 前言 在团队协作开发中，为了统一代码风格，避免一些低级错误，应该设有团队成员统一遵守的编码规范。很多语言都提供了Lint工具来实现这样的功能，JavaScript也有类似的工具：ESLint。除了可以集成 阅读全文

摘要： 在table中，需要对obj的数据类型进行文字转换，例如后台接口返回的姓别值：1，2。其中需要页面根据字典需要把1=》男，2=》女进行转换。 以前的习惯是每一个过滤方法都写一个方法进行转换，例如： 页面代码： <el-table-column width="200px"align="left" la 阅读全文

摘要： 点击编辑按钮： 编辑状态下，表格可以编辑。但是点击“确认”或者“取消”按钮，列数据编辑状态已经修改，但是视图没有改变。 页面代码： 获取当前行的index，并直接修改当前行用于判断是否编辑状态的数据为false(不可编辑)； 根本原因是因为vue的视图更新不及时问题导致。 解决方法： 需要使用vue 阅读全文

摘要： 在vue项目中，和后台进行数据交互使用axios。要想统一处理所有的http请求和响应，就需要使用axios的拦截器。通过配置http response inteceptor 统一拦截后台的接口数据，针对异常的情况可以做统一拦截处理。 项目背景：vue+vuex+elementUI进行开发 axio 阅读全文