![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 66
导演字母
这个作者很懒,什么都没留下…
展开
-
electron打印条形码、二维码
功能:在electron打印条形码或者二维码在百度搜索找不到合适的博客与插件,就在github上找到一个插件electron-pos-printer可以一键打印图片、文本、二维码、条形码、表格不用安装其他多余插件,亲测十分好用1、安装npm install electron-pos-printeryarn add electron-pos-printer2、使用在main主进程中引入const {PosPrinter} = require("electron-pos原创 2021-09-03 18:51:36 · 9586 阅读 · 5 评论 -
Vue项目中出现Loading chunk {n} failed问题的解决方法
这个在网上有很多解决方法大部分这样的,我发现当router为hash模式router.history.pending.fullPath获取不到值测试得知改成这样router.history.current.fullPath/** * 解决偶尔出现Loading chunk {n} failed的报错 */router.onError((error) => { console.error('路由异常', error) const pattern = /Loa原创 2020-10-22 10:31:07 · 815 阅读 · 0 评论 -
基于环信SDK的IM即时通讯填坑之路(vue)
公司最近使用第三方环信SDK的进行通信聊天,基本已完成。记录下填坑之路1、可以通过以下方式引用 WebSDK1.安装npm install easemob-websdk --save2. 先 require ,再访问 Web IM 。require('easemob-websdk'); 注:该方式只引用了 Web SDK ,仍需在项目里配置 WebIMConfig 文件内的参数,用于实例化 websdk。配置在 webim.config.js 文件内进行以下配置:.原创 2020-05-12 17:14:54 · 1305 阅读 · 0 评论 -
vue上传图片并压缩
需求:点击用户头像选择本地图片压缩上传到服务器这里用vant UI组件的Uploader 文件上传按需加载Uploaderimport {Uploader} from 'vant';Vue.use(Uploader)在dom上<van-uploader :after-read="updateFile" accept="image/jpg" :max-size="10485760" @oversize="fileMax"> <img :src="..原创 2020-05-12 14:41:22 · 1043 阅读 · 0 评论 -
仿钉钉后台流程设计图
由于公司OA系统需要模仿钉钉后台流程设计制作,搜索网上没有符合类似的这种(可能我没找到),然后自己基于AntV.G6文档瞎捯饬一下。只需要安装AntV,不需要安装多余插件。效果如图:鉴于代码太长,放到github去了,大家需要借鉴的可以下载看看代码地址:https://github.com/lpz1096/some_code/tree/master/approval-se...原创 2019-12-16 11:49:38 · 6899 阅读 · 2 评论 -
前端小笔记
1、vue改变组件样式使用>>>.box-out >>> .xxxxx组件样式类{color:red;}2、chrome浏览器最小字体大小限制3、vue 键盘回车事件<el-inputv-model="form.name"placeholder="昵称"@keyup.enter.native="submit">&...原创 2019-07-08 10:03:28 · 145 阅读 · 0 评论 -
用js 进行crypto.js的加密和解密
用js 进行crypto.js的加密和解密crypto.js前端开发比较火的可逆加密解密框架github: https://github.com/brix/crypto-js#usage-without-requirejs 安装:npm install crypto-js 使用 var CryptoJS = require("crypto-js");// Encryp...原创 2019-01-31 00:14:32 · 731 阅读 · 0 评论 -
Vue移动端项目模板h5
一个集成移动端开发插件的Vue移动端模板包含1、css: 使用stylus开发css 集成reset样式文件 修改UI组件文件 统一样式处理(如主题色等)2、UI组件 使用热门的vant与mint-ui插件3、移动端适配 集成rem插件 移动端适配META标签4、组件 集成标题栏组件、无数据组件5、请求 集成axios封装请求接口6、babel...原创 2019-01-27 14:35:58 · 4891 阅读 · 4 评论 -
vue set属性的不能为length关键字
不能给对象数据新增属性为:length不然这个数据为空。记录此bug,以后铭记原创 2019-01-07 15:43:21 · 449 阅读 · 0 评论 -
vue Keep-Alive缓存组件使用
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。在App.vue使用,但是有些组件需要实时刷新。此时就需要用到excludeprop:include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。新建keepAliveConf.js/**...原创 2019-01-11 16:45:46 · 333 阅读 · 0 评论 -
axios post 参数请求不到
1、记录axios填坑之路最近用vue编写项目。用axios请求后端数据时。后台没有接收到数据。纳闷。查看浏览器也请求了数据一贯作风百度之后。了解到由于axios默认发送数据时,数据格式是Request Payload,而并非我们常用的Form Data格式,后端未必能正常获取到,所以在发送之前,需要使用qs模块对其进行处理。安装引入qsnpm install --...原创 2018-11-08 15:32:45 · 240 阅读 · 0 评论 -
vue 动态设置img的值
需求:依据当前路由点击按钮图片实现img如果直接在:src中写路径会获取不到<img :src="'/god'==$route.path?'./images/icon_index_sel.png':'./images/icon_index_nor.png'">这样写的话会获取不到解决方法:先引入图片import index_nor from './ima...原创 2018-11-21 09:43:43 · 1493 阅读 · 0 评论 -
mint-ui的navbar导航栏的填坑
mint-ui的navbar导航栏的填坑 用官方的demo直接导入到项目中有问题 1、引入 import { Navbar, TabItem } from 'mint-ui'; //导航栏 import { TabContainer, TabContainerItem } from 'mint-ui';//Item import { Cell } from 'min...原创 2018-11-21 15:38:16 · 5474 阅读 · 1 评论 -
vue移动端适配 -- px2rem
vue移动端适配 -- px2rem安装npm install px2rem-loader lib-flexible --save在main.js中引入import 'lib-flexible/flexible.js' 在build中utils.js找到generateLoaders 方法,添加以下代码const px2remLoader = { loader...转载 2018-11-19 17:20:56 · 294 阅读 · 0 评论 -
vue修改mint-ui默认样式
vue修改mint-ui默认样式 用mint-ui使用switch开关时。与主题颜色不匹配 解决办法: 这里预编译css用的stylus 新建一个mint-ui.styl $color-theme = #D91D35.mint-switch-input:checked + .mint-switch-core border-color $color-theme...原创 2018-11-22 18:14:14 · 1514 阅读 · 2 评论 -
Vant 顶部导航栏【van-tabs】Bug
Vant 顶部导航栏【van-tabs】Bug如果在外面包裹div控制显示隐藏会出现导航条不准确的bug代码<div class="selWrap" v-show="showSelWrap" > <van-tabs v-model="active"> <van-tab title="过关"> 111 <...原创 2018-12-04 19:52:26 · 51024 阅读 · 20 评论 -
基于vant-UI框架的vue项目的下拉刷新、上拉加载
基于vant-UI框架的vue项目的下拉刷新、上拉加载 安装vantUI npm i vant –S main.js import { PullRefresh,List} from 'vant'; Vue.use(PullRefresh).use(List); dom结构 里面的API官网都有,可以去vant官网看 这里主要讲解一些逻辑 ...原创 2018-12-18 14:37:47 · 6484 阅读 · 3 评论