随笔分类 - vue踩坑总结
摘要：问题： 用npm run dev 运行项目时报错，报错信息如下： 原因： 报错原因是我没有进入到项目文件夹下进行 npm install ，在项目文件夹外一层直接 npm install 去了。导致项目没有真正添加包依赖，项目文件夹里也没有生成package.josn文件，所以找不到，然后报了上面的
阅读全文
摘要：问题：在表格中使用type='selection'实现多选，需要禁用某一行。 解决办法： HTML： 1 <el-table-column type="selection" :selectable='checkboxSelect' width="55"></el-table-column> JS：
阅读全文
摘要：position: sticky; top: 0px; left: 0; z-index: 9; 注意事项：（1）距离顶部的吸顶距离 top:0 时才会生效； （2）吸顶元素的父元素必须是page元素； （3）父元素page不能设置height:100%;否则滑动过程中消失
阅读全文
摘要：wepy创建项目（wepy init standard recruitment-mini）时报错： 解决办法： （1）打开目录：C:/Windows/System32/drivers/etc/ （2）找到hosts文件，使用管理员模式打开记事本（注意必须使用管理员身份打开） （3）将hosts文件拖
阅读全文
摘要：需要注意两点： 第一：设置请求头 {headers: {'Content-Type': 'application/x-www-form-urlencoded'}} 第二：所传参数采用字符串拼接，而不是键值对
阅读全文
摘要：问题： 具体场景是：列表页分页（当前选中第5页），点击跳转详情页，返回列表页时，分页状态仍然停留在第5页。 解决办法： 1.在app.vue中添加keepAlive 1 <keep-alive> 2 <router-view v-if="$route.meta.keepAlive" :key="$r
阅读全文
摘要：在form中使用button标签，有时候就会刷新页面； 想要这个button不刷新页面， 就把form中的button改为 <input type=”button”>
阅读全文
摘要：问题： 日期选择器，选中某一天时报错。 解决办法： return定义时，设置为null
阅读全文
摘要：问题： 如上图所示，针对表头星号，我起初的想法是，通过给表单添加必填校验，表格表头就会自动带上星号，可是实际情况并不像理想中的那么好，并达到预计的效果，（如有朋友使用表单校验实现此效果，可以分享以下 ，嘿嘿）接下来我们来看一看具体如何解决。 解决办法： 由于代码过多，因此以下只给出了部分代码。 给表
阅读全文
摘要：window.location.href="about:blank"; window.close();
阅读全文
摘要：去看一下表单验证的代码，找到这一句： this.$refs[formName].validate((valid) => { 看看这里refs的值与el-form上绑定的ref值一直不一致，注意：把refs和ref名字保持一致就行了
阅读全文
摘要：大家平时使用el-table时，想必一定使用过表格里面的多选吧，那么selection-change事件一定很熟悉吧，触发该事件时我们可以获取到所有被选中的数据。 产品需求： 如图所示，点击不同父级下的子级时，想要获取到所有被选中的数据 问题： 在具体场景中使用selection-change事件只
阅读全文
摘要：1 function parent(){ 2 var a=1; 3 var b=2; 4 var c=3; 5 return [a,b,c]; //返回格式 6 } 7 8 9 使用时这样获取, 10 例如获取a： parent()[0]; 11 获取b: parent()[1]; 12 以此类推！
阅读全文
摘要：最近在使用element-ui upload 上传多个文件的时候发现element-ui的批量上传是每个文件都请求一次接口,但是我们项目的需求是多个文件只请求一次接口，经历一番久战后，得出以下总结。 当点击”确定“（如图所示）时，需要进行手动调接口，进行以下操作： 1 submitUpload(fo
阅读全文
摘要：问题：需要获取文件总个数 上传文件时，如果未选择任何文件，则需提示 “请选择文件”，此时需要获取文件总个数进行判断，代码如下： 解决办法： 给el-upload绑定 on-change事件，从中可以拿到fileList所有选中文件的集合，因此就可以知道了文件的总个数 1 uploadChange(f
阅读全文
摘要：问题： 使用query传参，接收页面刷新后丢失数据。 首先说明一下，我需要传的数据是一个数组，来看看我的代码怎么写的，如下图 解决方法： 将数据转换为json格式传过去 注意：重点来了，千万要谨记地址栏传数据时一定不能传object类型
阅读全文
摘要：问题： vue项目完成打包上线的时候遇到静态资源找不到的问题，网上很多解决办法都是基于vue-cli 2.x 来解决的，但从vue-cli 3.0以后，便舍弃了配置文件夹（便没有了config这个文件夹），所有配置文件都写在了一个文件 vue.config.js中 ，并且需要自己手动创建，创建位置：
阅读全文
摘要：1 <img :src="'data:image/png;base64,'+imgurl" alt=""> 2 3 4 <script> 5 new Vue({ 6 data:{ 7 imgurl:"base64路径" 8 } 9 }) 10 </script>
阅读全文
摘要：意思是数据没有绑定，页面缺少value值。应该v-model进行数据绑定。 我的这个报错是因为我的el-select下的el-option没有绑定value值报错的。
阅读全文
摘要：vue-cli升级后，eslint成了默认选项的必选包，我们可以建完项目后将他关闭就好了。 如何解决呢？ 首先，在新建好的项目根目录下新建文件vue.config.js； 然后写进以下内容； 最后重启编辑器就好了。 1 module.exports = { 2 lintOnSave: false 3
阅读全文
浙公网安备 33010602011771号