weixin_42792507的博客

在项目中,运行报错, 实际上是process.env.npm_config_argv未找到,是undefined, 百度找了好多,发现是npm的问题,npm7会出现这个问题解决方法: npm install npm@6.14 -g 把npm从npm7.x降级为npm6.x

在项目中有一个表单提交, 把所有的参数放在一个params对象中, 因为其中一个参数handleComment的值太长, 会提交失败, 通过new FormData() 把要传的参数封装成表单数据, 就可以解决了const params = { handleMode:'1,2', handleComment: '处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果

在一个项目中,有这样一个需求: 现在有一个table表格,一个el-tree树,下拉选择框, 表格中有一些默认数据, 当下拉选择类型后,可以勾选对应tree的子节点,勾选或取消勾选,动态展示在table表格中遇到的问题:使用@check-change时, 点击节点时,会多次触发, 勾选时,虽然会多次触发@check-change,但还是可以正常添加数据然而, 在取消勾选时, 如果点击的是叶子节点, 因为多次触发@check-change, 执行数组删除操作时,就会把这个分类下所有的数据都删掉, 很明显

在项目中，需要使用v-for循环出多个el-col，同时要使用v-if，此时，编辑器会报错，提示不能同时使用v-for和v-if， 要想同时使用，只需要在外面用包裹，把v-for放在template标签中就可以了<el-form class="diy-form" label-width="80px" :model="modelName" ref="refName"> <el-row type="flex" :justify="sortTypes" style="flex-wrap:

在vue后台项目中需要实现上下分屏拖动功能，分别放置不同表格进行对比：下面直接上代码公共js文件splitScreen.js内容：class DragController{ constructor(splitDragObj){ this.splitDragResize = splitDragObj.splitDragResize; // 上下分屏拖动 中间的div的id this.splitDragTop = splitDragObj.splitDragTop;

在vue项目中使用el-row布局时，如果el-col个数之和超过24之后，如果不用justify进行布局，那么会自动换行，否则，就会变成下面的效果：如果想要使用justify进行布局，就需要在el-row上添加style=“flex-wrap: wrap; flex-direction: row”，就可以解决，效果如下：...

在vue项目中，使用了element组件的 el-input 和 el-select组件,设置了相同的宽度，但是宽度显示不一样,给el-select添加style=“width:100%” ，就可以解决没加样式之前的效果：添加样式：没加样式之后的效果：...

之前每次发版vue后台管理系统的时候，总是要强制刷浏览器才能生效，现在总算解决这个问题了。vue-cli里的默认配置，css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。但是把打包好的index.html放到服务器里去的时候，index.html在服务器端可能是有缓存的，这需要在服务器配置不让缓存index.html解决方法如下： 前端在index.html中添加： <meta http-equiv="Expires" content="