暂无介绍
vue中使用refs定位dom出现undefined？ 之前在公司做项目，一直感觉用ref来定位dom节点挺方便的。但是期间遇到了一个问题，就是在mounted(){}钩子里面使用this.$refs.xxx，打印出来的却是undefined？ 于是我就对比了一下之前使用ref定位的.vue文件，发现了他们之间的区别。 我们要想知道为什么会定位不到某个DOM节点，我们首先要理解mounted(){}这个钩子函数是用来做什么的。
1、浏览器中的console出现： Therearemultiplemoduleswithnamesthatonlydifferincasing. Thiscanleadtounexpectedbehaviorwhencompilingonafilesystemwithothercase-semantic. Useequalcasing.Comparethesemoduleidentifiers 2、原因：import时，文件引入的路径描述不统一，所以保留一
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 代码如下： //基于准备好的dom，初始化echarts实例 varbar_dv=document.getElementById('bar_dv');letmyChart=this.$echarts.init(bar_dv) 解决办法： 首先考虑画图要用到的图形区域id是否正确存在，如果确认无误可再尝试如下方法： 1、利用Vue中的ref和$refs来
这是官方github, //它依赖于echarts，先下载echarts，再下载： npminstallecharts-liquidfill //组件内： letecharts=require('echarts/lib/echarts') import'echarts-liquidfill' //使用 varchart=echarts.init(document.getElementById('meter')); window.onresize=function(){ chart.resize();
前言 记录软件开发点滴，积累知识和经验（第四篇） 复现问题 要做什么？ 目标：解决在使用element-ui时出现警告[Violation]Addednon-passiveeventlistenertoascroll-blocking‘mousewheel’event.Considermarkingeventhandleras‘passive’tomakethepagemoreresponsive。 怎样去做？ 使用npm管理器下载default-passive-events依赖包 npmidefaul
constimg=this.charts.getConnectedDataURL() 获取的base64丢失部分图片可以设置animation属性为false；如图所示 然而这种方式解决了动态问题，如果生成的图片中使用了图片链接，有时生成的图片中会由于某种原因缺失这种引入的图片，如下图引入了图片 这时可以通过设置定时器如下图 至此图片缺失问题解决。
** Github地址：https://github.com/zwhGithub/vue-calendar ** Install npmivue-calendar-component--save cnpmivue-calendar-component--save//国内镜像 Usage //vue文件中引入 importCalendarfrom'vue-calendar-component'; components:{ Calendar } <Calendar v-on:choseDay="cl
2018.03.29 # 这次本来准备做一个音乐的webApp,vue文件中准备使用stylus样式。以为一切会很顺利，可是遇到报错（心中一万个草泥马）；解决了这个问题之后，瞬间心情大悦，太开心了。 做一次记录，然后续的小伙伴，少采坑。 1、报错展示： 报错Error：Cannotfindmodule‘when’） 2、错误排查 1、我开始在网上查找这个报错的解决办法。网上的解决办法，就是安装stylus、stylus-l
项目运行，cnpminstall然后cnpmrundev 结果出现这个错误，在网上找问题答案，说要修改webpack版本之类的，修改完还是没用！vue： Error:Cannotfindmodule'array-includes'解决办法 ： 查看你node版本 版本太高了 把node版本修改为 修改完毕后ok了！
今天电脑硬盘出问题了，然后将里面内容拷贝出来，后来就开始运行自己的vue项目 npmrundev 然后就报错了如下： 然后就百度了一下英文单词的意思：是说没有chalk这个模块，之后就借鉴网上的资料，进行的安装 npminstallchalk 还有另外一种办法，(简单粗暴)就是直接将整个模块删除掉，然后重新 npminstall
vue-Echarts公司最近做项目需要用到图表，以前是使用echarts,现在也是用这个，没什么好纠结的！但是最近发现以前每次做图表之类的都没有封装，每次做图表都要从新去配置之类的，写了好多重复代码，感觉很累啊，所以自己把图表封装成子组件使用，代码工作量减轻了很多，而且子组件使用了数据进行监听和图表自适应屏幕大小，这样以后会方便很多了！当然公司的项目肯定
前言 vue也弄了一段时间了,前段时间一直想用vue写个移动端,加之年底也不是很忙,于是前几天便着手开始弄了,到今天为止也算是勉强能看了 因为也是纯粹的写写前端页面,所以数据方面用的是mock.js,为了真实的模拟请求,可以直接在EasyMock自己生成API也可直接登陆我这项目的EasyMock账号密码： 账号:vue-toutiao密码：123456 如果你想修改接口，请copy一份在修改 如果你想后台接口也自己
Vue应用的创建极其简单的，通过构造函数Vue即可创建一个Vue得根实例，并启动Vue应用。 Vue需要使用el去指定一个页面中已存在的DOM元素来挂载Vue实例，也可以是CSS选择器。 <script> newVue({ <!--方式1--> el:document.getElementById('app'), <!--方式2--> el:'#app', data:{ books:[ {name:'《1》'}, {name:'《2》'}, {name:'《3》'
说在前面 前端的技术一直更新特别快，特别是框架这块。4月21晚，Vue作者尤雨溪在B站直播分享了Vue.js3.0Beta最新进展。赶紧拿出小本本做笔记，一起来看看尤大大说了些什么。 Performance 当我们项目功能越来越多、模块规模一步步扩大，这个时候性能考量是非常重要的，那么Vue.js3.0Beta在性能上给我们带来了哪些惊喜呢？ 重写了虚拟Dom的实现（且保证了兼容性，脱离模版
1.vue中使用qrcode 一开始使用qrcode生成二维码，查看源码中的参数，似乎不能带logo。单单生成二维码还是很方便的 首先输入指令 npminstallqrcode--save <template> <div> <qrcode-vue size="300" level="H" :value="codeValue"> </qrcode-vue> </div> </template> <script>