随笔分类 - Vue
摘要:解决方案就是在电脑里的Windows PowerShell用管理身份运行以下的语句就能顺利运行npm install npm install --global --production windows-build-tools
阅读全文
摘要:前因后果是上次突然被公司信安部门扫出javascript漏洞,因为从来没遇到这个问题 ,看了下依赖包大部分都依赖了js,有种冲动就是直接更新所有依赖包的想法,但是还是奉劝大家更新所有的包要慎重不然来个项目崩了就不好了,如果一个个更新排查就太慢了,于是我找了下资料可以直接更新所有的依赖包到最新,那废话
阅读全文
摘要:背景公司信安部门对项目进行安全扫描,查出一些漏洞,其中有一项要求升级 javascript 框架库(如图): 吓得我以为让我把 Vue2 升级成 Vue3。 经过一些调试之后才知道,是webpack打包之后的工具包中依赖的 YUI 是存 在安全漏洞的版本。 漏洞定位信安同事一开始只给我上面的图,我根
阅读全文
摘要:我们在vue项目中,为了减少首屏加载的时间,通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。 然而,路由懒加载会使得我们在第一次打开一个新页面的时候,会有一个加载时间。如果在这个时候我们没有一个提示的话,给人的感觉会是好像我点了页面跳转但是没反应。所以,这个时候
阅读全文
摘要:res: { code: 200, data: { Header: ["姓名", "年龄", "性别出生年月"], Content: [ ["张三", "20", "男"], ["李四", "20", "男"], ["王五", "20", "男"], ["赵六", "20", "男"], [&quo
阅读全文
摘要:就报缩进空格的问题,暂时关闭 关闭eslint 原理:eslint 可以通过文件vue.config.js 控制,这个文件需要自己建 // vue.config.js module.exports = { devServer: { overlay: { warnings: false, //不显示警
阅读全文
摘要:element 官网上el-table上使用插槽 slot=“header”来实现自定义表头,在表头中使用el-select组件选择不同的状态,无法展示选择后的状态,将slot=“header” 改成#header ,就可以了
阅读全文
摘要:一、搭建项目 注:如果使用的是vue-cli的老版本(4.20以下的)建议使用以下命令升级vue-cli版本 npm uninstall vue-cli -g npm uninstall @vue-cli -g 1、选择路径创建项目 vue create vue-mychart 随后出现一些配置选项
阅读全文
摘要:该错误是css预编译的loader与webpack 4 不兼容导致的。尝试升级到webpack 5 或者降级sass-loader / less-loader / postcss-loader 的版本号到上一个主版本号。 比如: # 移除sass-loader@11 yarn remove sass
阅读全文
摘要:收到要求学习以前的一个项目,结果这个项目中package是很老的版本了 需要更新到最新的,这么多模块不可能一个个去手动更新,度娘上搜了一下解决方案,利用npm一个插件来执行 npm i -g npm-check-updates ncu -u npm install
阅读全文
摘要:弄了一个省市县级联el-cascader选择器,发现第二次选择的时候报异常如下图 网上看到这个文章完美解决 https://blog.csdn.net/weixin_43043994/article/details/100303097 我是用了加了key,参考如下我对el-cascader二次封装
阅读全文
摘要:<template> <div class="tree-container"> <div v-if="canSearch" class="search-tree can-search"> <Input v-model="searchValue" placeholder="请输入关键字搜索" /> <
阅读全文
摘要:<FormItem label="有效期" prop="expiretime" class="width-80"> <DatePicker type="datetime" format="yyyy-MM-dd HH:mm:ss" placeholder="有效期" :value="formItem.
阅读全文
摘要:1、data的作用:声明组件自己简单的响应式数据2、computed: 声明组件自己复杂的(数据b依赖数据a,此时数据b就是计算属性)响应式数据3、props: 声明组件自己简单的响应式的数据如果数据值来源于外部4、watch侦听器:数据变化时执行异步或开销较大的操作时 ①、执行异步:ajax/定时
阅读全文
摘要:yarn babel-polyfill npm install babel-polyfill --save-dev 然后在main.js文件导入,切记要在最前面引入不然可以会报promise错误 import 'babel-polyfill'; 这样做我发现低版本的ie浏览器还是没法友好提示,可以像
阅读全文
摘要:打开vue.config.js 加上这段代码重启下就可以生效了 lintOnSave:false
阅读全文
摘要:export default { name: "nav-bar", data() { return { isFixed: false, //当滚动条高度大于152时是否定位 scrollHeight: 152 }; }, mounted() { window.addEventListener("sc
阅读全文
摘要:一、防抖函数手动写 防抖函数定义:一个需要频繁触发的函数,在规定时间内只让最后一次生效,前面的不生效 /** * @param {*} fn 包装的事件回调函数 * @param {*} delay 等待时间 */ export function debounce(fn, delay) { // 记
阅读全文
摘要:需求是希望一进来默认展示当前时间的前一个月数据,以下是处理的方式 image.png 背景原因 使用的 element-ui 库中的日期时间选择器,首次进入页面,会给个默认的时间(30天时间段),这时候,拿到的日期并不是很理想,看以下描述: <el-date-picker class="invoic
阅读全文
摘要:单页应用(SinglePage Application,SPA) 指只有一个主页面的应用,一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。 多页应用(MultiPage Application,MPA)
阅读全文