vue
文章平均质量分 79
前端小菜K
比较菜菜的前端开发工程师一枚,各位大神有空踩踩,多多关照,在下感激不尽!
展开
-
vue3基本使用&setup script语法糖&vue3中如何实现sync修饰符功能&`defineEmits` is a compiler macro and no longer needs to
vue3使用回顾/总结 经验使你在第二次犯相同错误时及时发现。 —— 琼斯一、基本使用vue3.x组件开发のsetup和defineComponent1.1 defineComponent- 需要导入再使用。(使用ts需借助自动推导)- defineComponent 返回传递给它的对象或有一个有合成类型的构造函数。用于类型推导,简化类型定义。- 只要是vue本身API(比如setup或vue2.x的配置项),defineComponent 都可以自动推导。在编写组件中,只需维护自定义的原创 2021-09-24 11:56:55 · 6133 阅读 · 0 评论 -
vue项目中使用富文本wangEditor插件 出现的 The given range isn‘t in document错误
背景近期做的后台管理系统,需要有一个富文本编辑器来录入一些API文档的功能。调研时,用UEditor,去github直接下资源包,然后引入到项目中。然而由于项目是一个vue项目,UEditor的实现有些似乎类型JQuery的使用,引入项目中一直各种报错。想着技术都比较旧,后期用富文本的功能报错也不好处理,最后弃了。然后用了vue2-editor,实现简单,初始首版就用vue2-editor去实现了。后来,需求要求要插入表格功能,vue2-editor不支持插入表格功能。自定义扩展,也不好扩展。去npm也查原创 2021-04-08 14:56:17 · 1690 阅读 · 1 评论 -
TypeScript+vue+vuex分模块module去存储登录用户信息等应用数据的基本实现
记录背景参与开发项目那么久,还没试过从零开始新建vuex存储数据实现,基本都是在现有的存储读取存储数据的场景比较多。这一次项目,一个全新的系统,从零开始自己搭建的一个系统,因为有用户登录失效及用户权限相关的需求,结合几个方面的需求点,最后决定用vuex来存储登录的用户信息。项目技术栈前端UI框架:element UI前端技术:Vue、Vuex、TypeScript、axios、lessvuex数据存储具体实现首先看下新建的store的目录,如下所示:以下开始直接上对应文件的代码内容:1、i原创 2021-03-04 18:38:11 · 1176 阅读 · 3 评论 -
Chrome新增vue开发调试工具(vue-devtools)步骤
一、下载vue-devtools插件,解压。二、去到解压的文件夹目录,eg:D:\vue-devtools-dev,执行命令: npm install有些公司通虚拟机区分内外网办公,内外网络有限制。如果在下载依赖包的过程中,下载cypress出错(cypress似乎要有网络才能下,导致内网无法下载成功),可以忽略此错误。如下图三、下载依赖包后执行命令:npm run build四、找到shell → chrome目录下的manifest.json文件,修改 persistent为true,以及确原创 2020-09-09 21:42:15 · 2258 阅读 · 3 评论 -
基于ElementUI的axios请求拦截统一配置
前言开始我们的项目开发过程中,对应异步接口的请求或者错误处理,如果每个处理都在具体调用接口的时候去处理,会显得很累赘,而且有些错误提示或处理是通用的,那就会出现每个接口调用的地方都可能会有一段相同的处理代码。而后面一旦需要调整下请求处理时,要修改的地方就会需要很多。我们急切需要把请求及错误处理抽取出来,进行统一请求配置,从而提高代码简介性及可维护性。技术栈1:element UI2:axios3:underscore上代码,如下import axios from 'axios'..原创 2020-08-14 16:57:43 · 678 阅读 · 0 评论