随笔分类 - VUE
摘要:转载:https://blog.csdn.net/u010341392/article/details/90209946 问题描述vue cli 3.0环境下开发调试过程中发现部分vue的源码找不到,调试窗口中同名字的vue文件最多只能出现一个,而且文件的位置也不对应相应的文件夹,直接在webpac
阅读全文
摘要:vue-cli4.x升级失败,vue-cli卸载不掉,vue-cli升级不了4.x, 原文在:https://juejin.im/entry/5bf7e88851882521c811423e 升级个vue-cli4.0,一直卸载不掉! 升级途中遇到的问题: #### 1.$npm uninstall
阅读全文
摘要:问题 在开发npm插件的时候, 例如element-ui 首先element-ui基于vue, 所以它希望使用element-ui的项目, 本身拥有Vue模块 所以peerDependencies 主要用于npm插件告诉使用者, npm插件本身依赖哪些模块, 并且需要安装它 业界使用这个属性的情况
阅读全文
摘要:前两天调接口的时候,出现了一个从来没遇到过的问题。从报错来看,像是跨域: Access to XMLHttpRequest at '...' from origin '...' has been blocked by CORS policy: The value of the 'Access-Con
阅读全文
摘要:下面看下vue component动态组件 动态组件 通过component标签 的is属性来进行组件的切换 is的属性值决定要显示的组件,所以将is的属性值设置为data中的值,以便于动态变化 1 2 3 4 5 6 7 <template> <div class="app"> <componen
阅读全文
摘要:前言 随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率,如React的Ant-design,Vue的iView,Element等,它们的功能已经很完善了.我写这遍文章的目的:记录自己搭建UI库的过程(对Vue的理解加深了好多)演示地址首先讲一下思路:
阅读全文
摘要:封装vue组件库的两种方法和形式: 一:是建立一个webpack-simple 项目 二:是在通过vue-cli脚手架建立webpack vue项目,这种项目有点冗余,可是我们对这种项目最熟悉 下面分别介绍两种用法: 一: 1.首先先建立一个vue项目: 通过vue init webpack-sim
阅读全文
摘要:最近在网上找到一个 网页制作辅助工具-jQuery标尺参考线插件 ,觉得在现在的一个项目中能用的上,插件是基于JQuery的,但是现在的项目是用vue写的。So...,就照葫芦画瓢改装成了Vue组件,总的来说算是一个用处较多的组件,于是乎,就想着把它上传到Npm上分享出来。以前只用过别人的包,这一次
阅读全文
摘要:制作了一套自己的组件库,并发布到npm上,项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list
阅读全文
摘要:自己写的组件 有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持 支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合vue.js 就不需要webpakc这种构建工具了,可以直接在页面内使用,下面以 ‘yyl-npm-
阅读全文
摘要:动态加载组件的四种方式: 1、使用import导入组件,可以获取到组件 var name = 'system'; var myComponent =() => import('../components/' + name + '.vue'); var route={ name:name, compo
阅读全文
摘要:需求 项目为多页应用,包含产品a、b、c、d、e,每个产品都有自己的翻译文件。一次加载所有翻译文件是极度不合理的。于是考虑动态加载。 实现 参考官方文档:延迟加载翻译 项目结构 i18n.js main.js 切换语言组件 主要操作:切换时setCookie后重刷页面原因:本来直接调用loadLan
阅读全文
摘要:基于vuex, vue-router,vuex的权限控制教程,完整代码地址见 https://github.com/linrunzheng/vue-permission-control 接下来让我们模拟一个普通用户打开网站的过程,一步一步的走完整个流程。 首先从打开本地的服务localhost:80
阅读全文
摘要:转载链接:https://blog.csdn.net/csdn_yudong/article/details/101271214 ElementUI 通知组件(notification) 多个时会重叠问题的解决方案问题场景问题分析解决方案方案一 Promise方案二 setTimeout解决后效果最
阅读全文
摘要:转载:http://www.cnblogs.com/shangjun6/p/11416054.html 在我们引入外部的样式时,发现自己无论如何都改不了外部的样式,自己的样式老被覆盖,究其原因还是我们的 外部样式放的位置不对 main.js 我们应该在 main.js 的开头引入样式,这样的话就不存
阅读全文
摘要:最近在做一个有关监听scroll的功能, 发现我添加监听之后一直不起作用: 1 2 mounted() { window.addEventListener("scroll", this.setHeadPosition); //this.setHeadPosition方法名 1 1 2 mounted
阅读全文
摘要:一、element.dispatchEvent() 对于标准浏览器,其提供了可供元素触发自定义事件的方法:element.dispatchEvent().。 不过,在使用该方法之前,我们还需要做其他两件事,即创建和初始化。 createEvent()方法返回新创建的Event对象,支持一个参数,表示
阅读全文
摘要:blur:每个点都是两个圆组成的,分别为内圆和外圆;外圆越大,看起来这个点越模糊,内圆部分比较清晰;外圆的颜色比较固定且与内圆颜色不同,内圆的颜色由value确定;blur决定外圆与内圆的占比大小,值为0-1;值越大,外圆占比越大。 radius:决定点的半径大小。 maxOpacity:决定点的透
阅读全文
摘要:下面将举例、描述MATLAB内建的色图。用户除了可以编程指定MATLAB内建的色图,还可以使用Plot Tools图形用具界面的Figure Properties面板中的Colormap菜单来选择一种色图。 autumn 从红色平滑变化到橙色,然后到黄色。 bone 具有较高的蓝色成分的灰度色图。该
阅读全文
摘要:在使用JavaScript执行数学方面的任务时,往往要用到浮点运算,且需要精确到某位小数,这就容易造成错误,而且会相当费时。因此,如果你需要做一些高精度的数学计算的编程工作,比如财务或科学计算,那么你一定需考虑使用下面的这些库。 1. numbers.js numbers.js提供了大量的、可用于服
阅读全文