
项目经验
做项目适合遇到的问题以及解决方法
versious
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
td合并在PC或安卓浏览器里出现问题,ios正常
td合并ios正常,其他浏览器样式错乱原创 2021-12-09 14:54:47 · 163 阅读 · 0 评论 -
git仓库迁移
迁移原链接:https://www.jianshu.com/p/59516a17fcf3解决问题原链接:https://www.cnblogs.com/everfight/p/protected_branches.html1.创建新文件夹git clone --bare 旧的git地址会在当前目录下产生一个 xxx.git 的文件夹,然后cd到该文件夹里2.推送裸版本库到新的地址cd xxx.gitgit push --mirror 新的git地址新git地址里面被其他人迁移过,已有ma原创 2021-11-04 10:25:38 · 235 阅读 · 0 评论 -
vant-cli npm发布包踩坑
使用vant-cli写的组件直接npx vant-cli release想发布,然后报错ERROR Not authenticated with npm. Please npm login and try again,是因为没有登录npm账号,先去npm网站注册了账号2.注册完后再次发布,提示operation not permitted, copyfile等,用了npm cache clean --force解决了3.再次发布,又提示You do not have permission to原创 2021-09-30 11:44:25 · 780 阅读 · 0 评论 -
vue3.0 安装vue-devtools后无法使用
去https://github.com/vuejs/vue-devtools官网下载,注意下载beta版本的,这个才是vue3.0用的参考:https://www.cnblogs.com/chopin-1990/p/14525010.html原创 2021-09-13 15:07:25 · 487 阅读 · 0 评论 -
移动端表格 横向纵向自适应
1原创 2021-08-31 18:08:40 · 1135 阅读 · 1 评论 -
element selecleTree 下拉树,el-select与el-tree结合
1原创 2021-08-31 17:13:33 · 440 阅读 · 3 评论 -
element - ui 表单提交中使用await报错
正确写法:要在valid前面使用async/**提交 */ handleSubmit() { this.$refs["form"].validate(async valid => { if (valid) { await this.handleUploadFile(); } ApiUpdateOrganBrand(this.f原创 2021-08-14 20:49:57 · 939 阅读 · 0 评论 -
vue-cli 3.0 给src和assets设置别名,在项目html和css里的使用方法
在vue.config.js里配置了别名src用@代替,使用正常。 <img src="@/assets/images/right_arrow_icon.png" />想直接用assets的别名时,以为和src写法一样,直接用,发现图片没有引入成功错误:<img src="assets/images/right_arrow_icon.png" />正确:<img src="~assets/images/right_arrow_icon.png" />原创 2021-08-11 17:26:09 · 568 阅读 · 0 评论 -
npm 报错 Unexpected token < in JSON at position 1 while parsing near
切换源后重新安装,成功了npm config set registry https://registry.npm.taobao.org原创 2021-08-09 19:24:27 · 446 阅读 · 0 评论 -
小程序横竖屏
可在单个json文件或者app.json里配置pageOrientation。https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html原创 2021-08-04 10:03:46 · 151 阅读 · 0 评论 -
vue 移动端项目,安装完postcss-pxtorem后 运行报错
使用npm i postcss-pxtorem@5.1.1重新安装。解决方法来自https://www.cnblogs.com/liangziaha/p/14492288.html原创 2021-07-28 14:47:18 · 361 阅读 · 0 评论 -
span标签 英文、数字换行
.el-checkbox__label { word-wrap: break-word; white-space: normal; width: calc(100% - 14px); display:inline-block; }只设置word-wrap:break-word没有用,要加上word-wrap:break-word原文链接:https://www.cnblogs.com/gmq-sh/p/4616457.html...原创 2021-07-19 16:43:09 · 437 阅读 · 0 评论 -
element table tree展开第一层节点
this.deptList = this.handleTree(response.data, "deptId");// 默认只展开第一级if (this.deptList.length > 0) { // 默认展开根节点 this.$nextTick(() => { // 找到所有的第1级 const firstLevelElm = document.getElementsByClassName( "el-table原创 2021-07-12 16:32:21 · 1315 阅读 · 1 评论 -
element tree 重置节点高亮状态
弹窗关闭时,想将节点的高亮状态去掉,使用 this.$refs.deptTree.setCurrentKey(null);'deptTree’为在el-tree上绑定的ref原创 2021-07-12 16:19:21 · 1604 阅读 · 4 评论 -
记一次同样的日期时间戳对比踩坑
const nowStr = new Date('2021-06-29').getTime();const endStr = new Date('2021/06/29').getTime();这2个得出来的时间戳不是一样的啊啊啊啊啊啊啊,都改成了2021/06/29这种格式原创 2021-06-29 22:36:59 · 439 阅读 · 0 评论 -
vue 页面在表达式里写< 标红
需要将< 换成 < <span>行程{{ (index + 1 < 10) ? ('0' + (index + 1)) : index }}</span>原创 2021-06-23 10:27:31 · 688 阅读 · 0 评论 -
微信公众号本地调试
1.我们需要在微信开发工具里面调试,首先需要去http://www.ngrok.cc/user.html平台将内网映射成一个外网,当我们没有隧道时,先点击隧道管理 =》 开通隧道。然后打开花生壳工具,填写隧道id并回车,就可以得到映射的域名2.然后我们去http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showi...原创 2020-09-23 14:45:50 · 1236 阅读 · 1 评论 -
axios config 拿到自定义属性
需要在0.18.0版本及以下版本才能拿到。create里面也可以自定义属性原创 2021-05-17 14:21:46 · 708 阅读 · 0 评论 -
vue history iis配置
1.下载重写工具2.在站点的vue dist包里放入web.config文件原创 2021-05-07 17:31:26 · 744 阅读 · 0 评论 -
forEach map无法退出循环。使用for of
在递归函数里面使用了forEach,forEach中使用了return,怎么return也return不出去,开始以为菜鸡如我写的递归有问题,然后百度查了之后发现forEach无法退出当前循环,今天遇到了map也是一样无法退出循环的。但是又不想写原生的for let i=0...,找到了es6的for of,不用自己定义let i=0;i<list.length;i++,也能跳出循环啦for (const configItem of configuration) { if .原创 2021-04-09 16:19:19 · 651 阅读 · 0 评论 -
vue 组件递归后 $emit事件失效
父组件代码:子组件:然后发现子组件递归后的组件,使用this.emit没有生效,一脸懵逼。最后在子组件里的递归组件上加上v−bind="emit没有生效,一脸懵逼。 最后在子组件里的递归组件上加上v-bind="emit没有生效,一脸懵逼。最后在子组件里的递归组件上加上v−bind="attrs" v-on="$listeners",又一脸懵逼的解决了,...原创 2021-03-25 18:06:51 · 2151 阅读 · 0 评论 -
element-table 数据过多时浏览器卡死
页面上有3个echarts 和1个element-table,请求数据几百条时,浏览器直接卡死,开始还以为是echarts渲染的问题,一直在echarts上面找解决方法,后面将element-table一注释,整个页面都舒畅了,最后自己画的table…...原创 2021-03-25 17:24:22 · 1679 阅读 · 0 评论 -
安装nvm后node炸了,最开始提示没有权限,后面提示不是内部或外部命令
之前电脑上安装了一个12.16.3的node,然后直接安装nvm,安装完后使用node -v,提示node没有权限之类的。然后我就卸载了的node和nvm重新安装,按照网上的方法path变量也配了,空的nodejs文件夹也创建了,nvm里的setting文件夹也修改了,重新安装卸载很多遍后一直提示不是内部或外部命令。然后对比同事的目录,发现他除了在nvm下有nodejs文件后,在C盘也有个nodejs,里面有node.exe。我安装nvm,用nvm安装node版本后,只有nvm文件夹下有node.exe,原创 2021-03-15 11:25:06 · 1948 阅读 · 0 评论 -
记一次小米MIUI优化未启用,导致页面没有正常显示的坑
在公司一个app产品上挂了H5链接,其他手机登录账号点击进去正常,客户反馈小米10至尊小米11点击进去提示错误信息。自己用同事的小米11又能正常显示首页,给人整懵了,然后另外一个同事提供了从MIUI优化去找问题的思路https://www.jianshu.com/p/8909c94adf0d。然后再次使用小米11时,打开开发模式,将MINU优化关闭,重启手机,再进入项目首页也提示错误,客户出现的问题复现了。解决方法:开启MINU优化,重启手机,卸载APP(不卸载的话还是提示错误信息),重新安装,再进去首原创 2021-03-12 18:01:37 · 1942 阅读 · 0 评论 -
vue-cli 3.0运行、打包不同环境的配置
默认情况下,一个 Vue CLI 项目有三个模式:development 模式用于 vue-cli-service serveproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2etest 模式用于 vue-cli-service test:unit1.npm run serve默认是development模式。2.npm run build默认是production模式下的配置...原创 2021-02-23 11:39:54 · 556 阅读 · 0 评论 -
element el-option value绑定对象
场景:select选项改变后,下面的项目名字要替换成label的值原创 2021-01-18 14:48:15 · 5538 阅读 · 12 评论 -
element table合并行
参考的思路链接:https://www.cnblogs.com/rabbit-lin0903/p/12047963.html感觉原博主的方法比我写得简洁。。我的有点繁琐,我是写到了一半思路断了,不知道找寻firstIndex,然后看到原博主的思路和代码接着写下去的,写出来重新巩固一下思路,后面看看我这菜鸡能不能做下优化,或者大佬们指点一下。如果后端返回的数据没有进行排序,先将数据排序将tableData数据去重,得到一个数组。循环该数组,并在该数组里循环tableData。同一组数据下,找到t.原创 2021-01-05 17:04:50 · 276 阅读 · 0 评论 -
css 重置left的值
项目使用element组件,组件里的css已经被设置为left:5px,使用left:0;right:5px没有达到想要的效果。使用了left:unset 或者left:initial;解决el-input__prefix { // left: initial; left: unset; right: 5px;}...原创 2020-12-31 11:16:47 · 697 阅读 · 0 评论 -
h5移动端拨打电话
使用a标签可以实现:<a href="tel:15972989614"></a>原创 2020-09-23 14:52:37 · 391 阅读 · 0 评论 -
vue.config.js 设置requireModuleExtension属性后样式不生效
编译的时候总提示modules属性已失效,请替换为requireModuleExtension,修改之后:`css: { // 是否使用css分离插件 ExtractTextPlugin 生产环境下是true,开发环境下是false //extract: false, // 是否开启 CSS source map? sourc...原创 2020-01-08 09:55:24 · 7995 阅读 · 2 评论 -
vue 全局filter、局部filters
全局filter:在main.js中引入 或者写在mani.js中// 注册let imgBaseUrl = xxxxx';Vue.filter('img-url', function(value) { // 返回处理后的值 return imgBaseUrl + value;})局部filters: 在组件中写入export default{ filter...原创 2019-11-21 18:53:16 · 286 阅读 · 0 评论 -
element-ui MessageBox 弹框自定义内容,点击取消时控制台报错
解决:加上.catch(()=>{ })this.$msgbox({ title: '消息', message: h('p', null, '是否同意张三的500元提现申请?'), showCancelButton: true, confirmButtonTex...原创 2019-12-27 17:21:55 · 4236 阅读 · 0 评论 -
vue 需要登录、不需要登录访问的页面都在login后回到之前的页面
最近在一个前台项目,个人中心需要登录之后才能访问,关于我们页面不需要登录就能访问,都想在登录之后返回到之前的页面。个人中心这种需要登录权限的页面,在全局的路由守卫里面加入里,在路由的元信息meta里面加上meta: { requireAuth:true},然后router.beforeEach((to, from, next) => {// NProgress.start()// c...原创 2019-11-15 12:20:13 · 7647 阅读 · 2 评论 -
vue tinymce
1.安装tinymce-vuenpm install @tinymce/tinymce-vue -S2.安装tinymcenpm install tinymce -S3.在vue-cli 3.0项目下的public里面建议tinymce下建立文件夹,并将node_modules里tinymce下的skin文件复制进去4.下载中文语言包,放入tinymce文件下5.引入tinymc...原创 2019-12-17 15:47:02 · 310 阅读 · 0 评论 -
element select 默认选中值
经常弄错element里select v-model值的类型,记录一下以免再犯<el-select v-model="searchForm.isEssence" class="max-width180"> <el-option label="是" :value="1"></el-option> <el-option label="否" :...原创 2019-12-10 13:52:51 · 3680 阅读 · 4 评论 -
vue 跨页面锚点
右侧有一个悬浮菜单栏是全局的,点击之后需要跳到商城的锚点,然后开始想在query里将锚点id带过去,但是页面刷新之后参数还会存在,就改用localstorage将锚点存起来了。1.点击锚点按钮之后,将锚点id存起来再跳转页面 localStorage.setItem('mallId', 'gift'); this.$router.push(path);2.在商城页面的mo...原创 2019-11-29 09:33:36 · 461 阅读 · 0 评论 -
vue 同个导航点击两次时控制台报错
同个导航点击两次时控制台会报如下错误: 解决方法在router.js里面写入const originalPush = Router.prototype.pushRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return origin...原创 2019-11-26 14:23:56 · 473 阅读 · 0 评论 -
vue sass配置全局变量
手上正在写的项目里有个主题色,然后感觉在很多地方都要写color:#fff、background-color:#fff很麻烦。就想在项目中使用一个sass的全局变量,后期如果要改主题色只改一个变量就可以,但是在main.js里面直接import引入包含这个变量的scss文件之后,发现并不能全局使用,页面上会报找不到这个变量,然后参考资料后发需要要在vue-config.js里面按照官网配...原创 2019-11-14 11:14:06 · 1081 阅读 · 0 评论