- 博客(88)
- 收藏
- 关注
RSS订阅原创 MAC报错crun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun
mac升级完系统之后，使用git报以上错误，初步分析是xcode 组件缺失了。回车后，系统弹出下载xcode组件，点击确认，下载完成后即可。包括一些其他场景如运行git命令等也有可能出现此错误。mac中很多软件都需要依赖xcode的先关组件。
2023-06-08 09:55:57
387
原创 element table合计某一列的值
table上加上:summary-method=“getSummaries” ，show-summary<el-table :data="info.inventoryDetailList" style="width: 100%" :summary-method="getSummaries" show-summary></table> getSummaries(param) { const { c.
2022-04-29 10:41:28
1005
原创 Mac OS 下 NVM 的安装与使用
有时候开发过程中需要用到的node版本不一样，反复安装node版本比较麻烦，这时候就需要nvm来管理node版本。node、npm、nvm之间的区别和关系：（1）区别：nvm：nodejs 版本管理工具。也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。nodejs：在项目开发时的所需要的代码库npm：nodejs 包管理工具。在安装的 nodejs 的时候，npm 也会跟着一起安装，它是包管理工具。npm 管理 nodejs 中的第三方插件。（2）关系：nvm 管
2022-04-01 14:06:50
2810
原创 MAC安装SVN
1、AppStore下载SnaliSVN精简版，免费2、2.下载完成，打开软件，在【SVN设置】下，看下面提示设置好3个路径①~/.ssh查找对应的文件夹，如果~/.ssh文件夹已存在，选中.ssh文件夹（点击后面的…）；若不存在，使用终端到“用户”目录，创建.ssh目录，然后再将创建好的目录添加进去。②/uer/local/bin（点击后面的…）③/Applications（可选）；直接查找对应的文件夹，选中。3、打开访达 右上角斜体样式...
2022-03-25 10:21:49
15018
3
原创 element plus修改CheckBox样式
改为以下样式 :deep(.el-checkbox__inner) { //大小 width: 20px; height: 20px; border-color: #384461; border-radius: 4px; } :deep(.el-checkbox__input.is-checked .el-checkbox__inner) { //选中 border-color: none !important;
2021-12-23 15:05:04
2418
原创 vue使用vue-lottie展示JSON格式的图片及相关图片
安装：npm install --save vue-lottie页面引用：import lottie from 'vue-lottie';//注册components: { lottie },页面代码： <lottie :options="defaultOptions" :height="380" :width="200" v-on:animCreated="handleAnimation" />import * as animationData from "@/asset
2021-12-08 16:37:15
1765
原创 element table sortable排序的使用以及出现小数、%排序错乱
想实现以下结果：带小数点排序问题只需在表头上加上一个sortable属性即可注意1、当数据中出现小数，导致排序错乱解决方法：需要在el-table-column中添加:sort-method="(a,b)=>{return a.construction_scale - b.construction_scale}"<el-table-column prop="construction_scale" label="建设规模" width="120" :sorta
2021-12-01 16:24:35
2295
原创 对比两个数组筛选出不重复的数据
let Arr1 = [ { label: "tese1", key: 0 }, { label: "tese2", key: 1 }, { label: "tese3", key: 2 }, { label: "tese4", key: 3 }, { label: "tese5", key: 4 }, ];let Arr2 = [ { label: "tese2", key: 1 }, { label: "tese3"
2021-11-23 14:38:14
1170
原创 vue+element上传多组文件
要实现如图效果，只说上传文件。<el-upload action="" :before-upload="(file) => {return handleChange(file, index);}"> //这里是要带着当前的索引，返回一个参数就可以 <span v-if="fileList.length == 0">点击上传</span> <span v-for="(i, idx) in fileList" v-if="index == idx"&.
2021-08-23 15:34:43
322
原创 vue中页面跳转拦截器的实现方法
登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。在路由管理页面添加meta字段import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'// 一种是通用页面路由 constantRoutes
2021-08-19 10:03:56
2914
原创 在vue+element中手动写日期格式化转换为“yyyy-MM-dd hh:mm:ss”
element中使用时间选择器的时候设置时分秒会报错，所以自己写了一个方法<el-date-picker v-model="ruleForm.signing_date" type="datetime" placeholder="签约时间" ></el-date-picker>在methods中写一个方法↓//时间格式化函数，此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化dateFormat:function(time) { var date=new
2021-06-29 16:01:00
1212
原创 elementui 2.13.2修改el-dialog样式
<el-dialog customClass="customWidth"> 11 </el-dialog>1、为el-dialog添加customClass，2、不能直接在< style scoped=“scoped” lang=“scss”>< /style>里修改，是无效的，应增加< style>标签再写样式。...
2021-06-17 16:19:09
935
原创 vue运行 /sockjs-node/info?t= 解决方案
首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。如果你的项目没有用到 sockjs，vuecli3 运行 npm run serve 之后 network 里面一直调研一个接口：http://localhost:8080/sockjs-node/info?t=14621837000021、找到/node_modules/sockjs-client/dist/sockjs.js2.找到代码的
2021-06-17 15:04:51
1395
原创 vue向后台返回的数据添加图片
后台返回的数据：{ "code":1000, "msg":"查询成功", "data":{ "list":[ { "id":"1", "name":"招标公告" }, { "id":"6", "name":"询价公告" },
2021-06-09 10:40:54
613
原创 vue事件
1、stop 在click后面加一个 .stop， 冒泡到了这里就结束了，就不会冒到上级 @click.stop="doc"2、.prevent @click.prevent="doc"提交事件不再重载页面3、.capture 在当前事件上加@click.capture="doc"，会让其优先捕捉事件，优先级高于子事件。4、.self @click.self="doc" 只有点击自己，才会导致事件发生5、.once @click.once="doc" 事件只能点击一次...
2021-05-31 13:50:37
107
原创 微信小程序 scrollView之scroll-into-view跳坑
使用scroll-view来进行锚点跳转的赎时候发现scroll-view的scroll-into-view有问题需求是滑动一定的距离让导航固定并进行锚点跳转<view class="topnavFixed{ 'topnavFixed' ? tabShow : '' " wx:if="{{tabShow}}"> <van-button class="'title' {{toViewid == 'a1' ? 'active' : ''}} " type="primary" bi
2021-04-08 09:44:28
1178
原创 Vue IE9不支持input的placeholder属性
安装ie-placeholdernpm install --save ie-placeholdermain.js引入import 'ie-placeholder'
2021-03-22 11:28:08
185
2
转载 IE9，iview的日期组件无法选择
兼容dataset，ie10及以下不支持dataset，而iview的transfer-dom.js使用了这个属性方法一：安装element-datasetyarn add element-dataset //yarn安装npm install --save element-dataset //npm安装在main.js中添加import ElementDataset from 'element-dataset'ElementDataset()方法二在main.js中添
2021-03-19 11:37:20
144
原创 Mac 使用git出现xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools)
Mac使用git出现xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun解决方法终端输入xcode-select --install按照提示安装成功，就可以继续使用Git了...
2021-03-11 11:46:43
942
原创 JS判断是否为空对象
1、ES6中可以使用Object.keys(obj)var data = {};var arr = Object.keys(data);console.log(arr.length == 0); //true 为空， false 不为空2、将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");console.log(b); //true 为空， false 不为空..
2021-03-04 10:18:58
136
1
原创 Vue a标签在新窗口打开路由
<a @click="isService()">我已阅读并同意《用户协议》</a> isService() { let routeData = this.$router.resolve({ name: "AffiliatedPrivacy" }); window.open(routeData.href, "_blank"); },
2021-02-20 11:47:21
1286
原创 Vue Router 中‘ this.$router.push ‘跳转页面不刷新的问题
在写vue项目 路由跳转时, 肯定遇到过 路由跳转到新页面后 通过接口查询得到的后台数据, 这时候再返回上一个页面再点击路由跳转的时候会发现 新页面通过接口查询的数据没有了。这是因为再你第二次点击路由跳转的时候，你的初始函数方法mounted没有执行。解决办法有两种：第一种：将mounted函数 替换成activated函数。第二种：通过路由监听的方法watch()。将mounted下的方法函数放到watch路由下（用户体验不好）...
2021-01-28 11:44:43
5090
转载 在vue中使用axios发送post请求，参数方式
在vue中使用axios发送post请求，参数方式在传参数前，将原先官方提供的格式改为如下：参数：let params = { money: this.val};axios({ url: 'http://xxx/pay.php', method: 'post',data: { money: params},//这一步还是不太明白，希望哪位大佬可以解答一下transformRequest: [ function(data) { var oMyForm = new For
2021-01-21 15:09:35
3035
原创 使用iframe标签来显示后台返回的内容
HTML标签<iframe id="iframe" frameborder="0" // 0不显示边框，1显示边框 scrolling="no" //关闭滑动>></iframe>JS代码中infoLawContent({ id: this.id }).then(res => { if (res.code == "1000") { this.info = res.data[0]; var iframe = document.
2021-01-11 17:26:43
2094
原创 vue复制浏览器URL
<li @click="copyUrl()"> <img src="@/assets/link.png" />复制链接 </li>//复制链接 copyUrl() { var oInput = document.createElement("input"); //创建隐形input oInput.value = window.location.href; // window.location.href 浏览器URL ..
2020-12-30 10:25:20
783
原创 vue循环遍历本地图片显示不了的处理方法
解决方法：使用require请求图片 scope: [ { title: "1", img: require("@/assets/img/icon@1.png"), desc: "11", }, { title: "22", img: require("@/assets/img/icon@2.png"), desc:
2020-11-27 16:56:07
699
1
原创 Vue获取验证码 倒计时
一分钟 倒计时<template> <div> <button v-if="show" @click="getCode">获取验证码</button> <button v-if="!show">{{ times }}s</button> </div></template><script>export default { data() { return {
2020-11-13 17:18:46
152
转载 vue项目使用scss时报错
vue项目使用scss，需要安装 node-loader 和 sass-loader命令：npm install node-loader --save-dev 和 npm install sass-loader --save-dev然后运行项目报错：Module build failed: TypeError: this.getResolve is not a function原因：sass版本太高，导致webpack编译时出错，此时需要卸载当前版本重新安装低版本即可。（可在package.json文
2020-11-09 11:05:32
629
原创 vue封装axios请求
封装axios在项目src目录下新建utils文件夹，然后在其中新建 request.js文件，这个文件是主要书写axios的封装过程。import axios from 'axios'; // 引入axios 安装方法：npm i axios -Simport qs from 'qs'; // 引入qs模块 安装方法：npm install qs --saveimport router from "@/router"; //引入路由// 设置超时时间axios.def
2020-10-26 14:50:44
331
转载 [问题记录]报错：npm ERR! missing script: serve
报错：npm ERR! missing script: serve在VSCode Terminal运行npm run serve报错改为npm run dev成功！！
2020-09-16 14:24:46
1096
转载 微信小程序上传文件（图片/word等）功能)
说到上传文件，首先要想到微信官方文档给的API，wx.uploadFile({ })通过这个API来达到上传至服务器的效果：代码示例如下接下来我们先来说说上传图片功能，这个比较简单一些上传图片：wx.chooseImage({ }）从本地相册选择图片或使用相机拍照代码示例如下：在点击图片触发响应事件函数里写上以上代码，就会调起手机选择相册或者拍照。以上就达到了上传图片的功能上传word/pdf等文件：这个功能真是苦恼了我好久，因为项目中要用到上传word文件，找度娘查了半天，发现没有
2020-09-03 15:37:08
5195
1
原创 微信小程序点击添加/删除表单
wxml :<view class="container"> <block wx:for="{{lists}}" wx:key="{{index}}"> <input class='create-li' data-id="{{index}}" placeholder="请输入内容"></input> <text>第{{index + 1}}个</text> </block> <view class=.
2020-09-03 15:17:05
3039
转载 fatal: ‘origin/xxx‘ is not a commit and a branch ‘xxx‘ cannot be created from it
git远程仓库拉取dev分支，但是操作失败，提示操作出错。fatal: 'origin/dev' is not a commit and a branch 'dev' cannot be created from it首先要确定你在远程仓库是否创建成功dev分支git branch -r输入这个命令后查看远程所有的分支，检查你所需要下拉的分支是否已经在远程仓库底下。如果分支已经创立好了，而执行还是同样的错误，那么就需要从git上重新拉取数据然后再创建远程分支到本地git p
2020-09-01 17:21:43
12159
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人