随笔分类 -  VUE

vue注册全局组件，批量注册全局组件的所有方式
摘要：本文列出所有主流在vue中批量注册全局组件的方法 阅读全文
posted @ 2023-07-27 19:52 william_new 阅读(4583) 评论(0) 推荐(1)
el-table数据太多导致页面渲染缓慢,页面卡顿的解决方案
摘要：el-table数据太多导致页面渲染缓慢,页面卡顿的解决方案 阅读全文
posted @ 2021-07-09 17:20 william_new 阅读(10676) 评论(5) 推荐(0)
elementUi @change等事件传多个参数，自定义传值
摘要：element @change等事件传递多个参数，传自定义参数 阅读全文
posted @ 2021-07-09 11:07 william_new 阅读(5544) 评论(0) 推荐(1)
excel文件接口乱码的js处理函数封装
摘要：导出excel文件等时，后台可能返回的是这样的乱码，这时我们封装一个公用函数，以后就不需要特殊处理，直接调用函数即可 下面是封装好的函数： /** * 导出 * @param {function} apiFn -导出文件的api接口名称 * @param {object} payload={} -接 阅读全文
posted @ 2021-02-26 16:04 william_new 阅读(776) 评论(0) 推荐(0)
Vue 初始化数据报错的解决方案 TypeError: Cannot read property 'xxx' of undefined
摘要：带你明白 TypeError: Cannot read property 'xxx' of undefined 的原因和解决办法 阅读全文
posted @ 2020-06-29 14:46 william_new 阅读(38219) 评论(0) 推荐(1)
element-ui自定义主题颜色，解决elementUI本地导入图标不显示的问题
摘要：1.实现element-ui自定义主题颜色 1.1 首先确保你的项目中有element-ui并且可以使用scss，scss安装教程：https://www.cnblogs.com/wiliam/p/12027469.html 1.2 封装改变颜色的color组件，这里直接贴完整代码： <templa 阅读全文
posted @ 2020-05-26 18:35 william_new 阅读(3634) 评论(2) 推荐(0)
Vue 优化总结之cdn优化，webpack.dll优化(附详细操作)
摘要：vue 项目打包后vendor.js过大，导致打包速度慢，首页加载慢。原因是第三方库比如（vue，vue-router，axios）都会打包在vendor.js文件里面，下面给出两种解决方案： 1.CDN优化(vue-cli3同样适用) cdn优化是指把第三方库比如（vue，vue-router，a 阅读全文
posted @ 2020-03-28 16:13 william_new 阅读(3759) 评论(0) 推荐(0)
vuex 快速上手，具体使用方法总结（含使用例子）
摘要：网上有关vuex的文章很多，但有些比较复杂，这篇文章能让你快速使用vuex： vuex 用处：管理全局状态（类似全局变量，每个组件都能访问到） 结构： state 存放状态 mutations state成员操作（修改state值唯一的方法） getters 加工state成员给外界 actions 阅读全文
posted @ 2019-12-23 16:25 william_new 阅读(1415) 评论(0) 推荐(0)
vue 路由跳转前确认框，刷新浏览器页面前提示确认框
摘要：先看效果图： 1.刷新页面效果： 2.跳转路由（进入别的页面前）效果： 代码： // 路由跳转确认 beforeRouteLeave(to, from, next) { const answer = window.confirm("当前页面数据未保存，确定要离开？"); if (answer) { 阅读全文
posted @ 2019-12-12 15:24 william_new 阅读(4672) 评论(0) 推荐(0)
vue 使用webpack打包后路径报错以及 alias 的使用
摘要：一、vue 使用webpack打包后路径报错（两步解决） 1. config文件夹 ==> index.js ==> 把assetsPublicPath的 '/ '改为 './' 2. build文件夹 ==> utils.js ==> 添加代码 publicPath: '../../' 二、ali 阅读全文
posted @ 2019-12-11 15:37 william_new 阅读(1598) 评论(0) 推荐(0)
element el-table 添加分页连接的序号，清除sortable排序，解决删除最后一项时分页出现问题
摘要：先看代码： <el-table :data="tableData" style="width: 100%" stripe size="medium" @sort-change="changeSort"> <el-table-column label="序号" width="80"> <!-- 这是添 阅读全文
posted @ 2019-12-05 16:56 william_new 阅读(1615) 评论(0) 推荐(0)
vue 改变数据DOM不更新，获取不到DOM的解决方法
摘要：1.获取不到DOM的解决方案（使用$nextTick） 定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数. 阅读全文
posted @ 2019-10-31 09:15 william_new 阅读(14423) 评论(0) 推荐(2)
解决 el-autocomplete 不显示及没数据时闪一下的问题
摘要：项目中用到了elementUI中的远程搜索即 el-autocomplete 组件，估计首次使用的都会遇到一些小问题，只要你能认真看完并且耐心理解，保证能帮到你，效果图如下： 组件代码： <el-autocomplete :popper-class="`cname${index}`" v-model 阅读全文
posted @ 2019-10-29 11:21 william_new 阅读(11550) 评论(0) 推荐(0)
IE显示 “Promise”未定义，vue项目兼容ie的两种方案
摘要：第一种方法： 直接在html中加入js链接： <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> 或者： <script type="text/javascript" src ="https://cdn.polyf 阅读全文
posted @ 2019-10-15 15:50 william_new 阅读(1023) 评论(0) 推荐(0)
vue 项目使用局域网多端访问并实时自动更新（利用 browser-sync）
摘要：在写vue的项目中时，虽然vue会自动更新页面，但是切换页面切来切去也很麻烦，有时候我们还要在公司另一台电脑或者手机上调试，这时候利用browser-sync插件，无需改动vue的代码即可实现： 1. 首先确保安装了node （命令行node -v 可以查看） 2.全局安装 browser-sync 阅读全文
posted @ 2019-09-30 14:14 william_new 阅读(804) 评论(0) 推荐(0)
vue 脚手架快速搭建项目，react 快速搭建项目
摘要：vue(脚手架2.x版本): 1. npm install vue-cli -g //全局安装脚手架 2. vue init webpack name //新建项目 name为项目名称 vue(脚手架3.x版本): 1. npm uninstall vue-cli -g //如果之前是2.x版本，先 阅读全文
posted @ 2019-09-20 17:45 william_new 阅读(212) 评论(0) 推荐(1)