
vue
瓜仙人
一个做过开发,做过讲师,集外骚与不要脸于一身的翩翩美少年
展开
-
Vue提示Cannot read property ‘length‘ of undefined解决
Vue提示Cannot read property 'length' of undefined解决1.报错如下2.错误原因3.解决方案1.报错如下TypeError: Cannot read property ‘length’ of undefined,如下图:2.错误原因在我的*.vue文件中根据提示,由这行代码引起:此处是data.length,但是由于在渲染页面时,请求的响应还未返回数据,因此data是undifined,就会出现上述错误。<Row style="backgrou原创 2020-11-26 16:12:54 · 20503 阅读 · 1 评论 -
iview组件select下拉框on-change事件返回value或label
应用场景在使用iview组件库中,使用select下拉框,绑定on-change事件时,根据不同业务场景,需要返回value或label文本的记录。on-change事件返回label下拉框的on-change时间,默认情况下return的是value值。如果需要返回label文本的话,需要:1)在select标签中增加属性 :label-in-value="true"2)在对应的事件监听方法中获取label即可<Select v-model="formItem.courseId" :l原创 2020-06-16 09:39:01 · 12198 阅读 · 0 评论 -
Vue流程判断if|else
前言使用vue在页面做对数据做逻辑判断,最常见的if,if-else,else操作的流程分支语句<Col span="6" v-for="(dd,index) in data" :key="index" style="margin:0px 20px 20px"> <Card :bordered="false"> <p>课程名称:{{dd.courseName}}</p>原创 2020-06-09 18:23:42 · 3769 阅读 · 0 评论 -
Vue中显示图片img
前言刚开始接触Vue的道友们,相信哪怕一个简单的也会让大家头疼不已。因此,此处记录在Vue中引入图片,常见的有两种方式。使用import方式“template”中的代码<img :src="defaultImg" />"script"中的代码:import deImg from '@/assets/images/defaultImg.jpg'export default { data () { return { defaultImg:deImg原创 2020-06-04 17:22:51 · 32827 阅读 · 3 评论 -
IDEA关闭esLint校验以及vue页面提示
这里写自定义目录标题esLint校验提示解决办法1.关闭eslint校验2.关闭vue页面提示3.查看效果esLint校验提示vue页面中烦人的esLint校验,让人头疼不已。每行的缩进多少个空格,都要进行严格的把控。实在让人受不了,如图下:我的一个vue页面中出现了大量的vue前端校验提示,尤其是这种:ESLint提示我,本行应该缩进8个空格,但是你居然缩进了10个空格。我特么真的要炸街了。。诸如此类的提示,直接run的话页面还无法显示,实在是欺人太甚了。于是乎,我得想办法关闭它,并且关掉这些原创 2020-06-01 15:50:42 · 7864 阅读 · 6 评论 -
Centos中部署vue出现Error: EACCES: permission denied问题
解决Error: EACCES: permission denied问题集锦前言错误截图总结我通过百度看了大量该问题的解决办法,终于解决了我的问题。并把各种方式罗列出来,方便大家进行快速定位问题。原创 2020-04-28 18:18:40 · 7667 阅读 · 0 评论 -
IDEA导入Vue前端项目
前言最近接手一个前后端分离的项目。前端是使用vue,然后我配置了node.js环境后,使用IDEA把该vue项目导入,因为也是第一次导入vue项目,所以项目如何启动,以及报错如何处理,瓜瓜我记录下。操作步骤1.IDEA中导入(File->Open…),如下图:2.启动项目设置:3.启动后出现以下错误:解决方式:当看到这个问题,别慌,新手必经啊。如上图,执行完cnpm...原创 2020-04-28 00:41:33 · 15733 阅读 · 6 评论