随笔分类 - vue
vue 你不知道的多了去了
摘要：前言 第一篇当然是如何安装vue3 安装步骤 第一步安装vue-cli npm install -g @vue/cli // vue --version 第二步创建项目 vue create hello-world 参考解析： (*) Babel - es6转换器 (*) TypeScript -t
阅读全文
摘要：前言 表格操作栏，某个操作需要异步请求才能做跳转等 方案 整个列表每行都加一个loading字段，不够优雅 利用$set方法 改变当前行当前按钮loading，可行（代码如下） //按钮 row.loadingEdit <ElButton type="text" :loading="row.load
阅读全文
摘要：前言 formily 不是一个简单的前端轮子。Formily 是一个由阿里巴巴集团多 BU 共建的面向中后台复杂场景的表单解决方案，它也是一个表单框架。它的前身是供应链平台在 2019 年初对外开源的 UForm 解决方案，UForm 的前身又是在供应链平台内部自研的某个表单框架。总体来看，Form
阅读全文
摘要：前言 刚接到这个需求的时候，觉得很简单（的确很简单）但是这玩意的坑真的也让人无奈。 网上找了很多的资料，都没有写出痛点（这就很难过了）。通过实践并且在我们项目中平稳运行，想分享给后面的人 我的博客上也写了100多篇文章，点击量有上万的也有个位数的，能够帮助到他人这就是写作记录的动力。 需求 vue项
阅读全文
摘要：需求 封装常用请求 拦截器-请求锁 统一处理错误码 一、封装常用的请求 解决痛点：不要每一个模块的api都还要写get，post，patch请求方法。直接将这些常用的方法封装好。 解决方案：写一个类，封装好常用的请求 部分源码如下 export default class PublicAPI { c
阅读全文
摘要：前言 最近全面栽进vue源码解析中，将出一系列的学习笔记 以及个人的一些总结 第一步准备工作 到GitHub上下载vue的源码（巧妇难为无米之炊） 用自己喜欢的编辑器打开源码 vue主要源码資源在src文件中 放一张很流行解说vue数据响应式的图儿 第二步认识目录结构 第三步一回只理清一条线 (这次
阅读全文
摘要：前言 肯定会遇到没有npm化的库 自己写的js 方法 在Vue中该怎么引用呢 第一种 如果库是es6写的 就可以用import 引入 比如我自己写的http 封装接口的方法 就可以这样子导入哦 第二种是jquery的库 可以在静态资源导入（或者是cdn资源加载） 我是vue-cli 3.0 基础之上
阅读全文
摘要：前言 主要介绍squire，wangeditor富文本编辑 以及用原生js 如何实现多个关键字标识 需求 如何标记多个关键字，取消关键字 第一种方法 原生 textarea 标记 准备资料参考：张鑫旭大大的博客 讲得非常的清楚哦 demo栗子：https://www.zhangxinxu.com/s
阅读全文
摘要：前言 Cannot read property '_withTask' of undefined 突然一下子，就报这个错了，刚刚还好好呢 Bug分析 1.是在template中调用了某个方法，但是你没有在methods定义 2.方法定义了，但是依旧报这个错，可能是你用了压缩版的vue，没有到方法定义
阅读全文
摘要：前言 element 官方的例子太简单了，不满足实际的需求 数据肯定是动态的，合并的行数，列数都是动态的，该如何知道每一行的合并数呢 需求 动态合并表格，数据来源于数据库 正文 一开始，我的数据源是单独的数组，表格数据合并了几个数据， 我根据各个数组的长度，来决定每一行的合并数 结果：有些数据是正常
阅读全文
摘要：前言 vue中 element框架，其中表格组件，我既要行内数据格式化，又要插入html标签 一贯思维，二者不可兼得也 一、element 表格 数据格式化 demo 再写 handleSign () 方法 目的：根据不能的值，相对应处理。一般状态会用的比较多，后台返回来的1,2,3,4 用户是不明
阅读全文
摘要：前言 这种场景还是蛮场景的 一个共用的head组件，组件里面通常是当前系统登录账号名 退出登录 修改密码这样的弹框 但是现在我又想head不跟着main内容上下滑动。所以用了fixed 定位。 问题来了，head组件的下拉菜单 修改密码弹框的遮罩在上方了，该如何解决呢？ 需求 element的弹框的
阅读全文
摘要：前言 有这样的一个需求，后台服务器要求把token放在请求头里面 嗯一般是通过data里面通过参数带过去的 第一种方法 全局改变： Vue.http.headers.common['token'] = store.state.token; 之前是吧token刚在data里面的 是我封装的一个get
阅读全文
摘要：前言 越来越发现，前端深入好难哦！虐成渣渣了。 需求：前端绘制灵活的关系图(此demo还是简单的，我的需求才跨出一小步) 安装 npm install jointjs 容器，工具栏 运行效果 Fannie式总结 是不是有点好看 话不多说，我其实是为了保存代码，最小单元 然后我要接着做下去了 好了，e
阅读全文
摘要：前言 需求：移动端需要一个按钮，复制到剪切板，分享给好友（没有调用微信内置的分享接口） 插件 vue-clipboard2 环境：vue，node 安装：npm install --save vue-clipboard2 简单实例 引用： import VueClipboard from 'vue-
阅读全文
摘要：前言 嘿哈，webpack搭建前端环境踩过的坑啊！ 第一个：完全不知所措 webpack4 下面用不了HtmlWebpackPlugin 和 ExtractTextPlugin 解决方案： html-webpack-plugin 是可以使用的，extract-text-webpack-plugin
阅读全文
摘要：前言： webpack 超级实用前端环境搭建 一、我们日常使用的前端开发环境应该是怎样的？ 构建我们需要发布的html，css ,js 文件 使用css 预处理器来编写样式 处理压缩图片 使用Bable支持ES新特性 本地提供静态环境开发调试 二、关联HTML webpack 默认从作为入口的 .j
阅读全文
摘要：我本来是下载一个vue-cli的，然后技术日新月异，告知我要先把我的node升级到8以上（目前是v6.1.13） 升级就升级，升级就报错 如果你报这样的错误 那就这样运行一下吧 如果运行后报这样的错误 我清除缓存再试 那么恭喜你 大部分能够用的方法，你不可以~~~（刺不刺激） 反正我还是没有找到原因
阅读全文
摘要：element ui 坑况：今日pull代码，潇洒npm run dev ，被告知：this dependency was not found：'element-ui/lib/theme-chalk/index.css'。。。。。。。 解决思路 1.找不到依赖，路径问题 这是不科学的啊，昨天能够跑通
阅读全文
