三七_z

原创 el-select下拉展开方向

dropdown { //下拉框名字。

原创 el-select下拉单选，可手动输入，选择下拉后支持修改

【代码】el-select下拉单选，可手动输入，选择下拉后支持修改。

原创 a proxy,please make sue that thelf you are behindP10xYconfig 1Sset properly.See:npm help config

清一下代理缓存npmconfig``set``proxy``false``npmcacheclean--force

原创 node_modules/eslintdev eslint@”7.32.0”from the root projectpeer eslint@‘＞= 4.12.1“from babel-esli

安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。原因：npm install遇到冲突的peerDependencies时将失败。会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。选项在终端重新安装即可，该命令相对保险一点。

原创 node-sass、sass-loader报错@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader

害，竟然sass-loader版本问题，都是7开头的，没想到呀。项目里面的node-sass和sass-loader版本号。npm run dev 启动后的报错。降低了sass-loader版本就好了。node和npm版本号。

原创 电脑退域或切换系统账号后系统黑屏

win+r打开运行，执行msconfig进入系统配置，选择引导，选择安全引导-网络，进入后重新加入了域，重启电脑后登录域中的账号可以了。之前加入域时迁移了账号系统，导致退域后本地账号系统没了东西黑屏但能看到鼠标。也登不了域账号了一顿慌张（操作如下）重启前再操作一遍win+r打开运行，执行msconfig进入系统配置，选择安全引导关闭，不然还进安全模式。重启电脑按F8进不去安全模式，找不到触发时间...解决：又加回了域哈哈哈。

原创 vue3+vite+js配置svg

npm add fast-glob -D //glob 工具库 一个传入的作用。2、配置 vite.config.js。3、创建svg文件夹和.vue文件。4、svgicon.vue组件。6、需要引入svg的vue组件。5、/main.js引入脚本。

原创 before-upload不生效

因为配置了auto-upload为false，所以beforeUpload没有执行。可以用on-change来进行校验。

原创 多个端口号用逗号分隔正则，0-65535之间的数

【代码】多个端口号用逗号分隔正则，0-65535之间的数。

原创 修改vue-layer中title

layer.title('新标题'，index)不知道为啥不行。左侧目录树点击时同步目录树名称。最后用了获取html树来修改了。

原创 vue（vue2）使用svg格式图标

vue.config.js中配置。main.js文件中引入。

原创 el-date-picker时间控制范围为过去时间不可选

在method中定义startPickerOptions（）this.$dayjs是Day.js的封装。

原创 Error in v-on handler (Promise/async): “[object Object]“

解决方法：用try 和 catch 语句来处理。

原创 git 删除提交内容、删除分支

1、rebase 操作 （rebase -i 删除记录前一次提交记录的ID）2、解决冲突、强制推送git add .

原创 tree全部展开和折叠

直接上图 ：

原创 node_modules\.cache\compression-webpack-plugin文件越来越大

重量及优化

原创 vue生命周期beforeDestroy销毁失败removeEventListener

vue生命周期

原创 Git 常用命令

待补充

原创 Vue中的draggable插件拖拽勾选问题

draggable 点击拖拽 触发事件问题

原创 node-sass安装一直失败、node-sass@4.14.1报错

node-sass安装一直失败、node-sass@4.14.1报错

原创 vue点击事件触发

vue点击事件触发

原创 Error: CSS minification error: postcss-svgo: TypeError: Cannot read property

打包时报错；npm install svgo@1.3.0 -E解决掉

原创 数组对象中获取某一属性的值

getColumnValuesFromJSONArr(jsonArr){constjsonStr=JSON.stringify(jsonArr); //数组先转换字符串格式letattrValArr=[];constregExp=newRegExp('"id":(.*?)"','mg'); //id可自定义动态赋值while(regExp.test(jsonStr)){ //判断是否有id...

原创 路由参数加密

const UrlEncode = { //加密 encode(str) { return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function toSolidBytes(match, p1) { return String.fromCharCode('0x' + p1); })); }, //.

原创 js配置随机域名

varvalue1=['http://xxxx:8002/','http://xxxxx:8002/','http://xxxxx:8002/'];varvalue2=['http://xxxxxx:8002/','http://xxxxxx:8002/','http://xxxxx:8002/'];varvalue3=['http://xxxxxx:8002/','http://xxxxxx:8002/'];(function(){...

原创 js请求传参格式，qs插件

qs.parse()是将URL解析成对象的形式qs.stringify()是将对象 序列化成URL的形式，以&进行拼接

原创 eval转换格式：字符串转换json数组

this.englishdata.forEach((el) => { this.englishurl = eval(el._source.url)})

原创 js全局定义数组，赋值会照成改变原数组

全局定义数组，赋值会照成改变原数组； 一个数组赋值给另一个数组； 因为js存储对象时存储的是地址，浅拷贝会导致两个数组指向同一块内存地址； 解决：深拷贝方法：slice，concat； ...

原创 vue打包文件太大，利用SplitChunksPlugin插件进行公共模块抽取

vuecli3.0脚手架默认的webpack版本是4.0所以要用SplitChunksPlugin插件；webpack4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取；chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete('preload'); config.plugins.delete('prefetch'); // 压缩代码

原创 aes对称混淆加密，crypto插件

constCryptoJS=require('crypto-js');//引用AES源码jsvarkey="YingKeQianXin123"; //必须要十六位最好十六进制variv="Ia60CTNCxtKQj7Qt"; //必须要十六位最好十六进制//key和iv必须要前后端一致；//解密方法functionDecrypt(text){varresult=CryptoJS.AES.decrypt(text,CryptoJS.enc.U...

原创 vue-element-admin 配置动态路由 路由由后端返回

需求是：根据用户登录状态，后台识别状态返回路由菜单表，根据菜单表配置路由；在登录页用户登录成功后获取菜单；2.在utils文件下封装一个menu.js；用于转换路由数组；因为后台返回的数组需要自己做处理；3.配置左侧展示路由4.刷新页面时会404找不到页面，在main.js中添加存储，这不能直接存储转换过的路由数组，会报错；路由格式一定要安装原静态路由格式写，不然会报错；...

原创 vue中i18n中英文翻译

别人做的https://www.cnblogs.com/nxmin/p/8973534.html

原创 循环里面异步请求为什么不可以？

循环里面异步请求为什么不可以？因为套的太深async够不到，所以在循环里面加asyncthis.searchbody.forEach(asyncel=>{constres=awaitthis.$http({method:'POST',url:'/translate',data:{dest:'zh-cn',src:'en',tex...

原创 vue中图片在本地，路径是动态请求过来的，拼接图片路径必须要用require

原创 封装cookie存储 localStorage存储

const KEY = 'user_info'export default { setUser(user){ window.localStorage.setItem(KEY,JSON.stringify(user)) }, getUser(){ return JSON.parse(window.localStorage.getItem(KEY) || '{}')...

原创 vue 图片静态动态路径拼接

背景图片拼接 <div class="setpic" v-bind:style="{ 'background-image': 'url(' + school.Univ_pic+ ')' }"></div><div class="setpic" ref="setpic" v-bind:style="{ 'background-image': 'url(ht...

原创 vue 关闭浏览器清除存储数据

在APP.vue中设置，但是因为项目可能是多个页面原因，所以在全部页面都设置了事件，this.$router.push（）是因为让它关闭浏览器再次打开强制跳转到登录页面。export default { mounted (){ window.addEventListener('onbeforeunload',()=>{ var storage = windo...

原创 vue项目中后端传参格式是数组

this.searchinput = window.sessionStorage.getItem('homeinput').replace(/\"/g, "");this.searchxiala = window.sessionStorage.getItem('homexiala').replace(/\"/g, "");const res = await this.$http ({ ...

原创 vue-cli3.0跨域

module.exports={baseUrl:"/",devServer:{proxy:{'/api':{target:'http://192.168.66.49',changeOrigin:true,ws:true,...

原创 小程序实现循环输出折叠面板

wxml<view style="margin:0 24rpx;width:702rpx;"> <block wx:for="{{info}}" wx:key="{{index}}"> <view class="info-list" data-index="{{index + 1}}" catchtap="onChangeShowStat...