![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
heyNewbie
这个作者很懒,什么都没留下…
展开
-
放置几个常用input实时限制输入
放置几个,需要的时候不用麻爪找度娘了--value1、不能输入空@keyup="value=value.replace(/^\s+|\s+$/g, '')"原创 2021-06-02 17:08:18 · 109 阅读 · 0 评论 -
Cannot read property ‘get‘ of undefined 报错
刚才vue项目中报错“Cannot read property 'get' of undefined”可以肯定的是echart出的问题遂打断点一级一级的找,卡在了渲染环节可以检查一下option的配置是否齐全,比如xAxis和yAxis,legend等条件格式是否正确,渲染需要的是否齐全一般把需要的option填写正确,就OK了...原创 2021-05-17 16:06:01 · 7073 阅读 · 0 评论 -
vue 全局监听浏览器窗口关闭以及无痕模式场景提示
需求场景一:用户退出时清空localStorage并告知后台用户退出,保持登录状态时关闭窗口或者浏览器达到相同目的实现:// 在mounted中触发beforeunload事件以及在destroyed中触发beforeunload事件// 当文档或一个子资源正在被卸载时, 触发 unload事件,unload在beforeunload之后被触发// 参考地址:https://blog.csdn.net/weixin_45372546/article/details/108538026// 要原创 2021-04-12 15:45:31 · 1396 阅读 · 0 评论 -
echarts 自定义legend icon出现的路径错误等
echarts提供给我们默认的legend icon只有'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'这么几种类型, 有时候我们需要自定义,比如去引入图片等自定义icon为图片legend: { data: [ { name: "XXX", textStyle: { fontSize: 12, .原创 2020-08-24 16:49:16 · 1408 阅读 · 1 评论 -
vue 报错 Cannot read property ‘_wrapper‘ of undefined
vue项目中,使用了各种插件和ui库,有时候会出现Cannot read property '_wrapper' of undefined 这样的报错,一开始还以为是引用的插件报错,其实是自定义的方法名在methods{} 中没有对应的方法<span @click="handleClick"></span>// 在span 标签中定义的 handleClick 方法,并没有在methods中有具体的对应methods: { handleClick() .原创 2020-08-13 14:40:17 · 3495 阅读 · 0 评论 -
关于maxlength在IE中失效,以及input常见限制,校验手机号(只能输入数字、不能输入)
项目中遇见了,就记录下来,省的以后找不到了一、maxlength 属性在IE中失效当 input 的 type 属性为 ‘text’ 时,maxlength 有效当input 的 type 属性为 ‘number’ 时,失效解决办法:<input type="number" placeholder="请输入手机号..." v-model="telNumber" maxlength="11" @input="telNumber=te原创 2020-07-15 16:39:03 · 1060 阅读 · 0 评论 -
ElementUI 中 table 的template 和 formatter 函数不能一起使用
项目中的表格要使用到table的template插槽做数据自定义处理,但是为了自己写的组件能够复用,还需要用到formatter函数来进行数据的操作,这种情况下,template和formatter是不能一起使用的,咱们可以使用针对插槽内的结构进行针对处理...原创 2020-07-13 18:34:52 · 3368 阅读 · 0 评论 -
vue 实现点击空白处执行方法(列表收回、隐藏等操作)
项目中一直在用elementUI组件,但是有些需求是需要定制化开发的,不能完全的依赖组件现有功能,比如:定制化下拉菜单,并提供带有提示标志的单选和多选等小伙伴们相信也碰到不少这样的例子,最头疼的就是点击空白处的判定然后就转了一篇,以防丢失简单想应该怎么实现?1、肯定是给document增加一个click事件监听2、当发生click事件的时候判断是否点击的当前对象结合着本思路和指令咱们来实现。简单介绍vue指令一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只转载 2020-06-21 11:45:56 · 6656 阅读 · 5 评论 -
Vue 报错: Error in nextTick: "InvalidCharacterError"
我遇到这个错误是在IE浏览器中,而项目在chrome浏览器中是正常没有问题的,按照字面意思很难找到这个问题到底出在哪了,出现的bug为v-if失效,该出现的DOM没有出现,于是我就尝试分析DOM,提示在渲染时出现无效字符,我的input中加入了正则去替换内容,我尝试去掉之后就好了...原创 2020-04-14 16:03:36 · 2983 阅读 · 0 评论 -
vue 报错Failed to mount component: template or render function not defined.的解决方法
之前的项目都没有问题,结果突然出现这个报错,查阅度娘后发现有大手子们要把vue-loader降低版本来解决,但是我的版本是别的路径都没有问题,唯独新创建的一个组件有问题经过阅读这位同学的文章,我尝试去测试了一下,果然问题出现在路由填写上,因为我的写法和他的大致相同解决办法:因为在router/index.js文件中,我是用的懒加载的写法,所以把文件后缀.vue跟上就好了...原创 2020-03-23 18:24:24 · 2391 阅读 · 0 评论 -
vue报错”Invalid prop: type check failed for prop "data". Expected Array, got String.“
vue项目中遇到的报错如下图:大概意思就是期望的data值是数组,但是得到的是字符串,在页面上并不影响功能的实现,是因为data在赋值的时候虽然格式不对,但是得到的数据格式是正确的,所以不会影响页面功能点开报错,浏览信息找到你的文件,还有文件里的方法,以及所在行,就在相关方法中找到data的数据赋值,改过来就行了...原创 2020-02-12 00:32:29 · 5551 阅读 · 0 评论 -
vue项目打包git提交后,在线上看不到dist文件夹
问题描述:项目写完后,打包提交到测试环境,发现dist文件夹在本地,并没有提交到测试服务器,问题原因:vue项目在git打包上传过程中,为了节约包体积,会禁止dist的上传,解决办法:打开文件列表中的.gitigone文件.DS_Storenode_modules//dist/npm-debug.log*yarn-debug.log*yarn-error.log...原创 2020-01-15 16:24:07 · 3036 阅读 · 0 评论 -
总结:Vue项目中的报错:vue-router.esm.js?8b48:2007 Uncaught (in promise)
遇到的情景:router.beforeEach((to,from,next) => { const flag = sessionStorage.getItem("isLogin"); if(!token){ next('/login) }else{ next(); }});因为如果我们手动在地址栏填写路径'/logi...原创 2020-01-15 15:57:19 · 9711 阅读 · 0 评论 -
总结:在vue项目中的报错:Maximum call stack size exceeded
一、情景1:在路由守卫中router.beforeEach((to, from, next) => {})针对 to 的路径进行判断时条件错误,导致页面陷入死循环例:to.name.indexOf("XXX") > 0 当路径中包含目标文字在首位时,返回是0,导致页面白屏情景2:在页面中引入某个组件,名称和页面的name重复了,导致页面进入死循环,...原创 2020-01-15 15:49:21 · 3084 阅读 · 0 评论 -
【转载】npm安装依赖时-S和-D的作用以及区别
-S即--save(保存)包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在-D即--dev(生产)包名会被注册在package.json的devDependencies里面,仅在开发环境下存在的包用-D,如babel,sass-loader这些解析器啥也不写包名不会进入package.json里面,因此别人不知道你...转载 2020-01-07 11:32:50 · 991 阅读 · 0 评论 -
关于Vue中element按需引入
在项目中使用elementui确实是很方便的一件事,但是如果我只需要用到其中的某一些元素来简化代码的话,全局引入就显得有点臃肿了,这就有了按需引入的概念,需要什么就引入什么,方便一、安装element-uinpm i element-ui -S二、安装按需引入的必要插件npm install babel-plugin-component -D三、修改.babelrc文件(注...原创 2020-01-07 11:28:40 · 1543 阅读 · 0 评论 -
vue初始化新项目,安装常用的依赖
总结一下自己在项目中使用过的常用的依赖,省的用到时再去找了首先初始化vue新项目安装node,npm或者cnpm,吧啦吧啦。。。npm install --save-dev vue-cli安装vue-cli,完成后准备使用webpack初始化新项目vue init webpack "你的项目名称"出现的选项:Project Name: 项目名称,自己用的项目直接默...原创 2019-12-27 13:43:47 · 2899 阅读 · 0 评论 -
Vue项目中,需要的常规引入(持续更新中。。。)
随着vue的普及,项目中需要用到的技术也是越来越来多,眼花缭乱的,但是有一些是基础需要的,现在我就来总结一下,也省去了逐个去查找的麻烦,随用随看1、babel-polyfill用来转换javascript语言到ES6版本,让浏览器去识别,针对vue项目在IE浏览器中空白页也有一定的支持安装: npm install --save-dev babel-polyfill引...原创 2019-09-09 16:57:42 · 995 阅读 · 0 评论 -
踩坑:vue-particles粒子插件在IE中出现空白,报错:缺少“:”
国际惯例,按照步骤使用npm安装了vue-particles插件,项目跑起来后,在chrome,Edge以及safari中都没有什么问题,但是在IE中出现了空包页现象,没有报错,在强刷页面后出现 缺少":" 的报错,最初以为是不兼容IE版本低的问题,经过多次测试,IE11都会出现同样的问题,这不是太扯了嘛,经过度娘一番询问得知,是因为IE浏览器是需要做对ES6的兼容处理,但是发现已经在ma...原创 2019-08-15 10:46:06 · 2139 阅读 · 0 评论