随笔分类 -  Vue

Vue相关代码分享
摘要:pdf 多文件显示全部显示 参考链接 https://github.com/FranckFreiburger/vue-pdf#createloadingtasksrc 单个文件 安装 npm install --save vue-pdf 单个pdf文件显示全部,我是直接复制的参考链接 <templa 阅读全文
posted @ 2020-09-01 22:40 王小右 阅读(4051) 评论(0) 推荐(0)
摘要:webstorm 2018.2 EsLint报错 TypeError: this.CliEngine is not a constructor 报错结果 原因 因为webstorm 2018.2版本对 高版本对EsLint不兼容 解决办法 降低EsLint 版本 npm i eslint@5.6.0 阅读全文
posted @ 2020-08-24 13:17 王小右 阅读(699) 评论(0) 推荐(1)
摘要:npm 包安装基本知识 开发依赖 生产依赖 安装指定版本 以下 i 是 install 的简写 生产依赖 dependencies npm i package-name --save 或 npm i package-name -S 开发依赖 devDependencies npm i package 阅读全文
posted @ 2020-08-24 11:54 王小右 阅读(1665) 评论(0) 推荐(0)
摘要:WebPack使用核心概念 参考文档 webpack v4.44.1中文文档 https://www.webpackjs.com/concepts/ webpack v5.0.0-beta.24 https://webpack.js.org/concepts/ 四个核心组成 入口 Entry 输出 阅读全文
posted @ 2020-08-06 22:25 王小右 阅读(180) 评论(0) 推荐(0)
摘要:webpack入门一 使用webpack打包 用于编译javascript模块的工具,命令知道会用就行。 官方文档 https://webpack.js.org/guides/getting-started/ 入门体验 // 创建一个demo文件夹 mkdir webpack-demo // 进入文 阅读全文
posted @ 2020-08-04 00:09 王小右 阅读(194) 评论(0) 推荐(0)
摘要:Vue 中使用防抖函数 这篇文章也是衔接我之前文章,输入内容延迟显示。 一般防抖函数,一般都是自己写,或者直接搜的类似这种 function debounce(fn,wait){ var timer = null; return function(){ if(timer !== null){ cle 阅读全文
posted @ 2020-08-02 22:14 王小右 阅读(5075) 评论(0) 推荐(1)
摘要:Vue组件强制刷新 这篇文章是接上篇文章,自己实现markdown编辑器时,碰到的问题 https://www.cnblogs.com/CharmCode/p/13423327.html 我左边输入了内容,右边markdown实施更新 强制刷新组件 Vue官网 key的描述 可以查看Vue官网,关于 阅读全文
posted @ 2020-08-02 21:57 王小右 阅读(861) 评论(0) 推荐(0)
摘要:集成Tinymce富文本和markdown编辑器 由于我是使用的花裤衩的基础模版,他有一套集成方案,于是了就照着集成富文本编辑器和MarkDown编辑器。效果如下。 集成富文本编辑器 集成富文本编辑器是很麻烦的一件事,之前也集成个CKEditor和UEditor,现在是照着花裤衩那个集成方案, 按照 阅读全文
posted @ 2020-08-02 21:35 王小右 阅读(3050) 评论(1) 推荐(1)
摘要:Vue2 Element UI表格CRUD操作 代码很早就写了,博客现在才补上,后台管理中最常见的就是表格操作,我下面这个例子就是列表的CRUD操作。 效果展示 实现 首先我新增和列表其实是一个路由,只不过是用了一个变量控制,我这是一个思路,还有就是用路由区分开来。 首先我用写了两个组件,一个是Ca 阅读全文
posted @ 2020-07-26 21:35 王小右 阅读(2276) 评论(0) 推荐(0)
摘要:Vue Element UI 图片上传 ElementUI upload组件上传图片,多看看文档参数,基本没什么难度,我总结以下个人的需求。文档里面其实都有说明,我这边给出使用例子,方便他人。 参照ElementUI官网: https://element.eleme.cn/#/zh-CN/compo 阅读全文
posted @ 2020-07-25 15:54 王小右 阅读(6869) 评论(2) 推荐(1)
摘要:集成echarts图标 看了很多开源后台管理项目,首页都是图表展示数据,加上图表确实能直观的体现数据变化,所以我这个后台管理首页也同样样添加上这个。 首先看看效果 里面数据是固定的,后面同个接口传输就行了。 站在巨人的肩膀上 我个人没真实做过后台管理项目,所以了这些后台的样子,是参考我公司后台管理样 阅读全文
posted @ 2020-07-15 21:32 王小右 阅读(4244) 评论(0) 推荐(0)
摘要:初始化对接端台API 上一篇了完成了项目初始化,但是那个只是把 vue-admin-template 模版简单的初始化了一下,新增了tagsview标签快捷导航栏,其他的没什么变化。 这一篇了就完成了和后端的Jwt token认证,登录,退出,基本的table list接口数据请求。首先看看效果。 阅读全文
posted @ 2020-07-11 15:30 王小右 阅读(9645) 评论(0) 推荐(1)
摘要:Vue后台管理 前段时间学习Vue写了一个移动端项目 https://www.charmcode.cn/app/mall/home 然后教程到此就结束了, 我就总感觉少点什么,计划自己着手写一套后台管理。 技术栈 前端 Vue 使用模版 https://github.com/PanJiaChen/v 阅读全文
posted @ 2020-07-06 17:55 王小右 阅读(12147) 评论(1) 推荐(2)
摘要:Vue 封装Toast消息提示 学习Vue的道路上,封装一些自定义的组件不可避免,今天就来封装一个Toast消息提示。后面还有dialog对话框,原理差不多。 首先先看看效果图 现在才知道用qq录制gif图是真方便。(非广告,后面会多用gif图) 1 正常组件调用 2 全局注册对象调用(不知道是不是 阅读全文
posted @ 2020-07-02 12:00 王小右 阅读(1329) 评论(3) 推荐(0)
摘要:Nginx线上部署多个Vue项目(路径区分) nginx 多静态文件部署。 我个人博客项目占用了nginx根路径,而我只有一个域名,也不准备用二级域名了, 所以就直接用路径区分开。 一个域名,只部署一个静态文件服务,那很简单,只用把打包后文件放上去就行。 多个Vue项目主要就是路径问题,静态js文件 阅读全文
posted @ 2020-06-30 18:35 王小右 阅读(9323) 评论(0) 推荐(0)