vue
学习记录前端框架vue
吹口琴的喵
暂无
展开
-
JavaScript监听DOM元素大小变化
window如果是window的话,可以监听window.resize事件普通dom元素可以通过定时器检查来实现,本文介绍另外一种方案,使用iframe,借助iframe中的resize 事件来监听dom元素的大小变化。<iframe ref="resizeFrame" class="resizeFrame" frameborder="0" ></iframe>.resizeFrame { position: absolute; z-index: -1; le原创 2021-08-11 14:37:01 · 3752 阅读 · 0 评论 -
如何使tinymce在默认情况下粘贴为纯文本
从Tinymce3.4.2开始,你可以简单地:tinymce.init({ plugins: "paste", paste_as_text: true});原创 2021-08-04 10:07:01 · 578 阅读 · 0 评论 -
通过vitepress创建的项目,出现乱码的原因
vitepress官网地址:https://vitepress.vuejs.org/然后按照教程创建项目,发现出现了乱码:原因是我创建的index.md的文件格式不是utf-8,然后把文件重新用utf-8格式保存后,问题解决:原创 2021-07-13 12:01:21 · 1533 阅读 · 1 评论 -
VSCODE报错:Property ‘search‘ does not exist on type ‘CombinedVueInstance<Record<never, any>
解决办法:依次点击:文件——首选项——设置,在打开的页面点击,用户——拓展——vetur然后疯狂下滑,找到Validation: Interpolation一栏,看到这里有一句:validate interpolation in region using TypeScript language service大意就是按照TypeScript 的语法规则去校验中的语句。豁然开朗,关闭该选项即可。...转载 2021-07-12 13:41:19 · 1084 阅读 · 0 评论 -
vite专题:入门
尤大新开发了一个前端工具vite,特地学习一下,官网(有中文版)。按照官网一步一步学习。安装全局安装:npm install -g vite创建项目// use npmnpm init @vitejs/app// use yarnyarn create @vitejs/app然后按照提示,填写项目名称、选择模板。如果想直接指定项目名称和模板,可以通过附加的参数:# npm 6.xnpm init @vitejs/app my-vue-app --template vue# npm原创 2021-07-12 13:11:20 · 95 阅读 · 0 评论 -
vite:npm run dev报错:spawn esbuild.exe ENOENT
现象在初始化vite项目的时候,按照官网教程执行到npm run dev的时候,出现报错:原因找不到,esbuild/esbuild.exe 这个文件。查了一下,果然没有解决办法解决这个问题的原issue 是在https://github.com/vitejs/vite/issues/1361,一个esbuild的bug那么在当前目录下,执行node ./node_modules/esbuild/install.js,就会生成esbuild/esbuild.exe的文件,然后启动npm ru原创 2021-07-12 12:17:36 · 4229 阅读 · 3 评论 -
vue中$watch的使用(解决RangeError: Maximum call stack size exceeded)
碰到的问题:在一个需求中,对一个表单的更改需要做一个历史记录的功能,由于这个表单非常大(是对一篇文章进行编辑),所以不可能具体到某一个属性,所以采用了watch监听的方法,设置{deep: true}。然而,在预览的时候碰到了RangeError: Maximum call stack size exceeded的错误,经过一番排查,定位到是watch监听引起的,再具体的就不知道什么问题了。即使业务代码什么也没有写,只是简单的console.log也不行。只要设置了deep: true就会报错,非常头疼原创 2021-07-07 10:25:48 · 1064 阅读 · 0 评论 -
安装、升级vue-cli
vue-cli官网https://cli.vuejs.org/zh/guide/installation.html安装vue-clinpm install -g @vue/cli# ORyarn global add @vue/cli查看版本vue --version升级npm update -g @vue/cli# ORyarn global upgrade --latest @vue/cli原创 2021-07-06 21:36:04 · 101 阅读 · 0 评论 -
vant3按需引入没样式
根据 vant 教学文档里:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/quickstart安装 babel-plugin-import 插件, 并配置 .babelrc 或 babel.config.js (主目录里有哪个, 就按哪个配) 后:// 原始代码import { Button } from 'vant';// 编译后代码import Button from 'vant/es/button';import 'vant/es/butto转载 2021-07-01 17:05:51 · 1231 阅读 · 0 评论 -
前端几个常用的api文档网站(备份)
框架vue2:https://cn.vuejs.org/v2/guide/vue3:https://vue3js.cn/docs/zh/移动端UI库,vant2:https://youzan.github.io/vant/#/zh-CN/home移动端UI库,vant3:https://vant-contrib.gitee.io/vant/next/#/zh-CN/quickstartpc端UI库,element-ui:https://element.eleme.cn/#/zh-CN/compo原创 2021-06-25 12:52:56 · 346 阅读 · 0 评论 -
IDE vscode识别webpack中alias配置路径
在vue项目中,有特殊需求的话,除了@用来表示src的话,可能还会有其他的别名。配置方式如下:项目的webpack的配置alias: { '@': require('path').resolve(__dirname, '../src'), '@report': require('path').resolve(__dirname, '../src/views/report')},根目录中的tsconfig.json文件中配置path{ "compilerOptions": {原创 2021-06-25 10:45:35 · 329 阅读 · 0 评论 -
XMLHttpRequest重新定义的问题
问题项目上线后,遇到了接口请求的问题,提示Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.debug后发现详情如下:原来XMLHttpRequest是被重新定义了。开发环境下正常的情况应该是这样的:解决下面是适合我的项目的解决办法:项目是基于vue-element-admin二次开发的,然后在项目中全局搜索XMLHttpRequest,果然发现在mock中有redefine原创 2021-06-25 10:31:52 · 658 阅读 · 0 评论