Vue.js
关注
分享
扫一扫
无人公寓里的猫
如鹿
展开
-
vue百度地图实现渐变轨迹
效果：框架：vue-baidu-map主要代码：<baidu-map ref="map" class="bm-view" ak="IoC3dZUFGLc7AP7uPiQxBqA7QtcvQ7dU" :center="center" :zoom="zoom" :scroll-wheel-zoom="true" @ready="handler" @zoomend="onZoomend" :class="baiduMapShow &&am原创 2021-06-26 17:07:13 · 1782 阅读 · 0 评论 -
Vue路由嵌套，跳转时页面错乱
今天遇到一个奇怪的问题，频繁切换后台管理的菜单，路由跳转会错乱，url对了但是显示的页面不对。奇奇怪怪的问题，也不知道咋引起的，随便乱点了许久才发现，是因为点击了某个页面，然后跳转其它页面就一定会出现问题。此次项目的菜单时嵌套了三层的。导致问题的罪魁祸首是途中标的，一个二级菜单后来找了其再router.js里面的写法：看了下同事写的路由规则改成问题解决了！testPage里面就是一个承载二级路由的router-view…出错的原因是为啥呢…待我再研究研究vue的嵌套路由…...原创 2021-05-07 18:08:30 · 2402 阅读 · 1 评论 -
postcss-px2rem使用/*no*/打包后不生效问题
使用flexible和postcss-px2rem可以帮我们自动把px转换为rem，但是有些场景不需要转换为rem的话，可以在css样式后面加上/*no*/.searchBox { background: #fff; padding: 20px 30px;/*no*/ margin-bottom: 15px; }今天遇到一个问题，打包到测试环境后，居然/*no*/不生效，直接全部给我转换成rem了，疑惑！百度爬楼找到了原因：是sass-loader打包的时候将/no/ 注原创 2021-04-08 15:44:11 · 2592 阅读 · 1 评论 -
element ui el-dialog弹窗+表单缓存问题
碰到过几次弹窗里放表单，第二次打开表单还继续保留上一次打开时的数据。今天又再次碰到，记录下解决方案。我项目用的表单组件都是经过二次封装好的：一般想到的解决思路就是，在关闭弹窗的时候给form表单的每个字段置空，但是如果这个表单里有select，由于select时在change时会进行校验，会导致每次打开弹窗看到自动校验结果的提醒所以我的解决办法是，在表单组件外层套一个div，加上v-if，关闭弹框时把表单销毁，然后给表单字段置空，这样就不会出现select校验了。目前想到的比较笨的方法~原创 2021-03-29 11:36:36 · 2038 阅读 · 0 评论 -
vendor_library is not defined
今天打开项目，npm run dev后打开项目，F12出现了vendor_library is not defined，查了资料，记录下解决的办法：原因是资源引入路径不对，修改成如下即可：原创 2021-01-04 16:34:17 · 2634 阅读 · 1 评论 -
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me
解决npm install -g increase-memory-limitincrease-memory-limit试了网上很多办法，没想到最后两条指令解决了，晕原创 2020-12-07 15:20:42 · 2771 阅读 · 0 评论 -
Vue.js基础(三)
VUE(三)过滤器Vue允许自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方： mustach插值和v-bind表达式，其余地方一律不用。<!-- 过滤器调用时候的格式 {{name | 过滤器的名称}}--><!-- 过滤器定义语法 -->Vue.filter('过滤器的名称'，function(data)) <!--func...原创 2019-10-19 18:10:13 · 156 阅读 · 0 评论 -
Vue.js基础（一）
VUE基础（一）MVVM视图(V)与数据(M)独立工作，中间通过(VM)协调连接。程序员不用再通过操作DOM去绑定数据等。VUE基本代码<body><div id="app"> <p>{{msg}}</p></div><script> var vm = new Vue({ el: "#app"; //...原创 2019-10-06 23:02:39 · 251 阅读 · 0 评论 -
Vue.js基础（二）
VUE基础（二）事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只有触发元素本身时才会触发事件（冒泡、捕获等机制不管用）.once 事件只触发一次写法：<div @click.stop = "start"></div>v-model 实现表单元素的数据双向绑定<...原创 2019-10-06 23:09:01 · 166 阅读 · 0 评论