
vue
文章平均质量分 50
茉莉蜜茶~~~
web前端工程师一枚(当阅读成为了习惯,知识也就变成了常识)
展开
-
vue 项目 支持 ie9 实现文件上传
ie9 文件上传原创 2022-09-15 10:08:47 · 943 阅读 · 1 评论 -
webSocket实现在vue 对应页面接收消息通知处理
webscoket原创 2022-07-19 17:28:33 · 2086 阅读 · 0 评论 -
vue中使用echarts,resize无效的3种情况分析及解决办法
vue echarts resize不生效原创 2022-07-19 09:34:59 · 17187 阅读 · 1 评论 -
vue实现登录失效后,重新登录,跳转的还是之前的页面
实现方式1、router.jsrouter.beforeEach((to, from, next) => { let accessToken = localStorage.getItem("accessToken"); if (to.matched.some(record => record.meta.requireAuth)) { // 判断该路由是否需要登录权限 if (!accessToken) { // 判断当前的token是否存在原创 2021-05-18 15:43:28 · 2332 阅读 · 0 评论 -
vue双向数据绑定原理及实现
现在,vue已经成为了前端开发者必会的一个框架了,但是,对于里面的双向绑定原理只是了解了个大概,并没有很深入的去探究其原理的的实现,所以,最近,特意话了一段时间来深入的研究了下,并实现了个简单版的vue双向绑定vue数据双向绑定原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a:.原创 2021-03-17 16:10:34 · 600 阅读 · 5 评论 -
vue set方法的实现原理
Object.defineProperty()这个方法对对象的属性方法的添加或者删除不能做到实时的监听,数组通过索引去 修改数组都是不能被检测?所以vue实现了set方法,那么实现的set方法的原理是什么呢?vm.$set( target, propertyName/index, value )参数:{Object | Array} target{string | number} propertyName/index{any} value用法:向响应式对象中添加一个属性,并确保这个新.转载 2021-03-12 17:06:38 · 2951 阅读 · 0 评论 -
iView表单自定义验证和动态增减项验证
打发原创 2021-01-13 15:22:39 · 864 阅读 · 0 评论 -
vue中UEditor富文本编辑器实现自定义上传图片
UEditor自定义图片上传使用UEditor上传图片时,会出现如下情况,需要后端配置,所以我在这里通过iview自定义的封装了个图片上传1.模板封装<template> <div class="editor-wrapper"> <vue-ueditor-wrap v-model="editorHtmlData" :config = myConfig @beforeInit="addCustomButtom"></vue-ue原创 2020-12-17 17:21:40 · 3366 阅读 · 6 评论 -
vue中富文本编辑器 vue-ueditor-wrap 的使用
最近的vue项目中用到了编辑器,刚开始使用的wangeditor,但后来由于满足不了更多的需求,现换成了百度的UEditor,踩了很多坑,现在记录一下1.下载UEditor相关静态文件链接:https://pan.baidu.com/s/15bUMrmCBt8I69P4lzNZtIA提取码:5ybv2.修改UEditor目录 并引入项目顺利解压完之后,将文件直接放到到项目的public文件中。下载完之后,还会有ueditor.all.js和ueditor.parse.js方便查看源代码(我这.原创 2020-12-17 17:18:57 · 6514 阅读 · 4 评论 -
vue+iview+wangeditor相关配置+实现图片上传功能
wangeditor 这个插件实现的编辑器功能比较简单,如果想要更全一点的功能,可以使用vue-ueditor-wrap先看一下实现后个效果吧下载依赖npm install wangeditor实现//editor组件<template> <div class="editor-wrapper"> <div :id="editorId" class="editor"></div> </div><原创 2020-12-17 16:17:36 · 665 阅读 · 2 评论 -
在vue中使用字符串模板拼接的点击事件@click时点击事件失效
在vue中使用字符串模板拼接的点击事件@click时,点击事件失效处理办法1.将@click 改成onClick str = `<p class="riskType"><strong>风险点:</strong> <a onClick="riskBox('${item.riskContent}','${item.riskTypeName}')">审查建议</a></p>`2、在生命周期mounted中赋值方法给window对象,原创 2020-12-16 14:58:24 · 3077 阅读 · 3 评论 -
vue面试知识点
#####SPA单页 Web 应用 (single-page application) 简单理解为:仅仅在web页面初始化时加载相应的HTML、JavaScript、CSS,一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重新加载或跳转,而是利用 JavaScript 动态的变换HTML的内(采用的是div切换显示和隐藏),从而实现UI与用户的交互。#####SPA的优缺点 1、优点: (1)由于避免了页面的重新加载,SPA 可以提供较为流畅的用户体验。得益于ajax,我们可以实现无跳转原创 2020-11-24 17:16:16 · 296 阅读 · 0 评论 -
接口返回的一个图片文件, 前端用vue如何显示?
#####问题请求后端接口,返回的是一大串,如何在img显示出来?#####解决方法1.设置axios responseType: ‘blob’2.直接createObjectURLexport function flowExample(data) { return request({ url: '......', method: 'get', params:data, responseType: 'blob' })}flowExample(data).the原创 2020-11-24 16:59:04 · 2530 阅读 · 0 评论 -
vue+iview+vue-pdf实现在线预览pdf
使用vue-pdf安装:npm install vue-pdf --save -D代码示例previewPdf.vue<template> <Modal title="预览" v-model="modalVisible" @on-visible-change="modalVisiblechange" :width="900"> <div class="pdf"> <pdf ref="pdf"原创 2020-11-24 16:57:09 · 918 阅读 · 0 评论