chenhuashen123-CSDN博客

原创 Element-ui 业务场景下合并单元格

最近有一个产品需求是需要一个有合并单元格场景的表格展示数据，但是element-ui合并单元格作为一个前端菜鸟也是没有用过，所以只能抱着探索的心态是看了下表格的知识。首先看下产品的原型图...

2021-08-31 20:32:40 278

背景是这样的，有一个input 的列表，里面会有n 个手动添加的input 标签，后台需要知道这些input 的值是否发生了变化，或者是新增的input 或者是删除了input ，其实最麻烦的就是如何监听多个input 的值，一开始是想用watch 方法监听该属性值的变化watch:{ 'formData.task_list':{ handler(newName, oldName) { //特别注意，不能用箭头函数，箭头函数，this指向全局

2021-08-17 15:37:53 1120

原创项目中使用vuex

1. 为什么要使用vuex ，以及什么情况下使用vuex 呢？试想一下当你的vue中data 中有大量的字段，各个组件之间的传值，以及共用的状态属性，当这些东西越来越多时就会在个人开发或者多人协作时提高难度，此时我们就需要引用vuex 来进行管理，什么样的项目适合使用呢，中大型项目使用的价值肯定是相对较高的，如果你的项目只有简单的两三个页面，就可以着情的使用。往小了说，vuex 可以对项目中的一些data 属性状态进行统一管理，往大点说使用vuex 可以使你的vue 代码更好的做好业务和...

2021-07-13 20:00:36 252

原创解决less 版本过高

执行 npm install --save less less-loader安装完less 后，在style 中使用less 时会报error这种情况是less-loader版本过高引起的，可以在package.json 中查看当前less 的版本所以针对这种情况我们可以先把现有的less-loader 卸载掉,然后去安装低版本的less-loadernpm uninstall less-loader（卸载当前less-loader）npm install less-load..

2021-06-25 17:39:13 3079

原创 Vue More than 1 blank line not allowed

在创建vue 项目时你有可能会遇到这个提示，这个字面意思其实就是代码不允许超过一个空行，但是很多时候当你写了很多代码再去问运行结果的时候，不可能一直去掉空行，其导致原因就是eslint 校验语法造成的，解决方案有两种1.格式化代码：shift+alt+f 这样可以去掉多余的空行，但是此时会产生其他的问题，你会发现格式化后，你的字符串'Hello Word'会从单引号变成了双引号,又会警告警告的意思是字符串必须使用单引号我们可以这么设置，找到build 里面的webpa...

2021-06-25 15:44:13 561

原创 Vue el-table-column 动态使用style

这几天在做一个基于el-table-column的二次封装，主要是针对于el-table-column对于多布局的使用比较麻烦，途中需要用到外界传入style 样式，那么怎么动态的使用style 呢，下面直接上代码这个是封装的表头文件，如果需要自定义s tyle 的话，需要在这个文件里面填写样式 { prop: 'medium', label: '媒体', width: 180, type:adapter_column_type.INPUTER }, {.

2021-06-23 15:21:06 2392

原创 js 导出csv 文件,并且解决文件乱码问题

前几天有一个需求是访问一个后台接口，直接下载csv 文件，一开始一直没有下载成功，请求之后直接返回了数据，并没有形成下载，到底是什么原因呢？const instance = axios.create({ baseURL: testUrl,//api的base_url withCredentials: true,//是否跨域 xhrFields: { responseType: "blob" }, headers: { }})一定要和后台协商一下返回类型，这.

2021-06-22 15:26:56 2376