vue
auserroot
呵呵
展开
-
vue3与vue2的区别
vue3与vue2的区别原创 2023-04-12 23:30:00 · 287 阅读 · 1 评论 -
vue3.2 响应式之 ref 、reactive 、toRef 、 toRefs
【代码】vue3.2 响应式之 ref 、reactive 、toRef 、 toRefs。原创 2022-11-23 16:28:38 · 1190 阅读 · 0 评论 -
js打印功能
js 打印原创 2022-11-21 20:00:00 · 713 阅读 · 0 评论 -
proxyTable
代理问题原创 2022-11-02 14:00:00 · 89 阅读 · 0 评论 -
element 复杂表格渲染(2)
element 复杂表格原创 2022-09-06 05:45:00 · 277 阅读 · 0 评论 -
element 复杂表格渲染(1)
element 复杂表格渲染原创 2022-09-06 05:30:00 · 552 阅读 · 0 评论 -
获取URL params
通常获取url后面的参数使用分割或正则字符串分割//字符串分割let url = 'http://www.domain.com/?user=anonymous&id=456&city=%E5%8C%97%E4%BA%AC';const parseParam = (url)=>{ const params = url.split('?')[1].split('&') console.log(params) /**[ * 'user=anonymou原创 2022-01-27 11:34:56 · 2057 阅读 · 0 评论 -
node监听器数量警告
node 监听器数量警告:MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Server]. Use emitter.setMaxListeners() to increase limit解决://nuxt项目在 nuxt.config.js中加入(vue在vue.config.js中加入)require('events').EventEmi原创 2021-11-22 10:43:31 · 4185 阅读 · 0 评论 -
前端异常捕获
前端异常捕获方法:try…catch…try{ const a = 1; c = a+b}catch(error){ console.error(error)//打印异常 ReferenceError: b is not defined}//使用try catch能够很好的捕获异常并对应进行相应处理,不至于让页面挂掉,但是其存在一些弊端,比如需要在捕获异常的代码上进行包裹,会导致页面臃肿不堪,不适用于整个项目的异常捕获。window.onerror()相较于try…c原创 2021-11-16 09:57:33 · 1991 阅读 · 0 评论 -
实现 select 滚动 options 动态加载
实现 select 滚动 options 动态加载vue<el-select v-model="bankName" filterable remote v-loadmore='scroll' reserve-keyword placeholder="请输入" :remote-method="searchBank" @change="selectChange" :loading="loading"> <el-option v-for="item in bankNameOption原创 2021-11-01 17:46:52 · 678 阅读 · 0 评论 -
支付密码组件
支付密码组件<!-- 支付密码设置 --><template> <div class='warp'> <head-tips headVal="结算管理" :value="headTips"></head-tips> <div class="container"> <div class="setpwd"> <div class="label-tit">请输入密码:&原创 2021-09-22 17:26:41 · 135 阅读 · 0 评论 -
nuxt 项目 内存溢出导致项目崩溃问题
nuxt 项目 内存溢出导致项目崩溃问题err:解决: 更改package.json 在 script 中配置 --max-old-space-size = 想配置的内存大小 example: "local": "node --max-old-space-size=4096 node_modules/nuxt/bin/nuxt.js", 配置完后重新 npm run local 如果使用 yarn 直接 yarn local 即可...原创 2021-09-09 16:07:43 · 1586 阅读 · 0 评论 -
nuxt 移动端适配
nuxt 移动端适配 (flexible + postcss-px2rem)flexible.js 根据需求自定义内容(function flexible (window, document) { let docEl = document.documentElement let dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { if (documen原创 2021-08-09 15:27:29 · 2196 阅读 · 0 评论 -
NUXT head 配置 script 脚本
NUXT head 配置 script 脚本链接形式head:{ script:[{src='xxx.js'}]}javascript 脚本直接嵌入head:{ script:[{ innerHtml:"console.log(`js脚本`)" }]}总结外部文件引入使用 src 加文件路径即可直接引入脚本需使用其他方法将脚本嵌入 使用innerHtml时需注意转义...原创 2021-08-09 14:58:28 · 3796 阅读 · 3 评论 -
vue project this. $router. go (- 1) can‘t goback
In the Vue project, hash route ‘this. $router. go (- 1)’ is used, and click button the url ‘#’ before has a ‘?’ & Causes the previous page to fail , double click It will take effect but url errthis origin urlhttp://localhost/payment/#/certification/d原创 2021-06-04 15:19:23 · 191 阅读 · 2 评论 -
vue项目 数据类型问题
关于vue项目数据类型校验问题err :Invalid prop: type check failed for prop “total”. Expected Number with value 0, got String with value “”type check failed for prop “total”,该问题产生于对total数据类型的校验,项目中 total 定义为 String 而通过API获取的数据为 Number ,此时出现该问题解决改变定义好的数据类型 与获取数据类原创 2021-06-01 15:25:22 · 377 阅读 · 0 评论