vue
文章平均质量分 59
从简单到深入,逐步理解vue的使用与原理
幸运小男神
.....
展开
-
vue2使用wangeditor5及word导入解析的实现与问题
mammoth 仅支持简单的样式,对于背景色、颜色字体等高级样式无法支持。若有其他方法,欢迎留言探讨。原创 2024-07-30 12:05:52 · 506 阅读 · 0 评论 -
文件上传input type=“file”的accept接收的各种文件类型总结
前端选择文件时,都会使用 input 框设定 type="file" 来选择文件,默认情况下可以选择所有类型的文件,有时候需要限定选择的文件类型,这时候就用到了 accept 属性。ps:accept 属性仅适用于 <input type="file"/>原创 2024-07-26 10:02:33 · 1522 阅读 · 0 评论 -
npm使用淘宝镜像下载依赖包
一般情况下,使用命令 npm install xxx 时默认连接的外国的镜像,不仅下载速度慢,而且还会出现下载失败的情况。因此,使用国内的镜像无疑是最佳选择,以淘宝镜像为例:npm 官方镜像:https://registry.npmjs.org/淘宝 npm 镜像:http://registry.npmmirror.com阿里云 npm 镜像:https://npm.aliyun.com腾讯云 npm 镜像:https://mirrors.cloud.tencent.com/npm/原创 2024-07-26 09:25:09 · 1240 阅读 · 0 评论 -
html2canvas + jspdf 纯前端HTML导出PDF的实现与问题
这几天接到一个需求,富文本编辑器的内容不仅要展示出来,还要实现展示的内容导出pdf文件。一开始导出pdf的功能是由后端来做的,然后发现对于宽度太大的图片,导出的pdf文件里部分图片内容被遮盖了,但在前端是正常显示的,只因为class样式后端无法解析。然后,后端开发人员就嫌麻烦,让前端来实现导出pdf的功能。。。使用 html2canvas + jsPDF 纯前端导出pdf的方式还是有很多问题的,一般情况下都是后端进行文件的导出,前端配合解决样式问题。原创 2024-07-18 15:24:52 · 2938 阅读 · 0 评论 -
quill编辑器使用总结
若使用版本1.0,这两个组件使用哪个都是一样的,无非代码有点偏差;若需要使用表格功能,必须使用 quill2.0 版本,因为 vue-quill-editor 不支持table功能。原创 2024-07-04 18:33:16 · 1128 阅读 · 0 评论 -
elementUI中table组件固定列时会渲染两次模板内容问题
查阅资料发现,elementUI的固定列的实现原理是将两个表格拼装而成,因此获取的对象也是两个。对于需要使用对象的方法的,可以使用for循环逐个调用方法,或者调整业务将固定列的需求删除。今天在使用elementUI的table组件时,由于业务需要固定表格的前几项列,然后获取表格对象时发现竟然有两个对象。原创 2024-07-04 17:52:27 · 718 阅读 · 0 评论 -
关于 element-ui el-cascader 数据回显问题的解决方案
这两天在使用 el-cascader 控件时,后端日期的数据如“2023-05-06”前端需要按照“年-月-日”的形式分割成三级联动,因为数据库保存的是完整的日期,前端数据回显时需要对后端返回的数据进行处理。原创 2024-07-02 17:13:20 · 849 阅读 · 0 评论 -
npm如何清空缓存并重新打包?
【代码】npm如何清空缓存并重新打包?原创 2024-07-02 16:47:22 · 407 阅读 · 0 评论 -
VSCode下Prettier - Code formatter插件的设置
一、安装vscode扩展程序ESLintPrettier - Code formatterVetur二、打开settings文件快捷键: mac:Command + ,Windows:Ctrl + ,此时打开settings视图界面,点击右上角图标(鼠标悬上去显示“Open Settings(UI)”字样),打开settings.json文件(本人...原创 2020-03-13 17:16:01 · 34364 阅读 · 1 评论 -
使用 NVM 安装 nodejs
前言nodejs 下载链接:https://nodejs.org/en/download/releases/vue开发中会使用不同版本的 nodejs ,虽然可以安装不同的版本,但是会覆盖原来的版本,如果继续使用原来的版本还需要重新安装回来,很不方便。NVM 的出现,弥补了这一不足,通俗的讲,这就是一个 nodejs 版本控制。可以使用NVM下载不同版本的 nodejs ,还可以切换不同的版本来使用,很是方便。一、下载NVM安装包官网链接:https://github.com/coreybu原创 2020-07-20 23:18:02 · 489 阅读 · 0 评论 -
vue设置获取路由参数
一、router-link 标签url直接添加参数1、路由设置import PageB from '@/pages/PageB'{ path: '/b', name: 'PageB', component: PageB}2、设置参数<router-link :to="'/b?name=张三&id=1234'">路由测试</r...原创 2020-04-12 23:51:34 · 10402 阅读 · 0 评论 -
使用vue创建项目的详细步骤
一、前言1、本例环境node.js:v12.14.1npm:v6.13.4vue:@vue/cli 4.2.32、node.js环境安装与测试由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。检测方式:打开cmd命令窗口(Window + R,输入cmd然后回车),输入 node ...原创 2020-03-26 18:31:35 · 52225 阅读 · 20 评论 -
vue组件讲解
一、组件基础1.1、组件命名规则使用 kebab-case如:hello-world 解析后 HelloWorld使用 PascalCase如:HelloWorld 解析后 HelloWorld注意:禁止使用驼峰命名法,如:helloWorld 会解析成helloworld1.2、组件的创建1.1.1我们在components文件夹下创建一个...原创 2020-04-01 17:40:39 · 331 阅读 · 1 评论 -
vue插槽讲解
一、插槽使用因为插槽是在组件的基础上衍生的,因此需要创建一个组件并注册引用。<slot>元素可以将插槽内容渲染出来二、内容覆盖父级组件中的插槽内容会覆盖子级组件中的插槽内容。例如:子组件插槽中写上一句话,父组件插槽内容什么也不写,渲染出来的内容为子组件的插槽内容。子组件插槽中写上一句话,父组件插槽中也写上一句话,渲染出来的内容为父组...原创 2020-04-02 13:53:25 · 315 阅读 · 0 评论