随笔分类 - Vue
学习
摘要：在使用iview 的Message与Notice组件时，可以对提示框的显示位置与显示时长进行配置。 iview提供了两个配置属性。分别是： top 提示组件距离顶端的距离，单位像素。 duration 默认自动关闭的延时，单位秒。 可以对这两个组件进行全局配置: 全局注册iView 使用 方式一 在
阅读全文
摘要：在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示） 1、使用npm安装依赖 2、在页面中放入如下代码 编译器的事件触发器触发器使用方法：(change事件为例) this.CodeMirrorEditor.on("change",function(){//事件触发
阅读全文
摘要：解决方法：（共有2个方法） 1、借助插件 generate-asset-webpack-plugin 。在webpack.prod.conf.js中去生成configServer.json文件，让其在build的时候生成json文件，然后再使用axios异步获取json，替换url即可。 第一步：安
阅读全文
摘要：刚开始使用VUE，一直提示这个，后来才发现是注册组件时注册反了；先新建VUE实例再注册组件是问题根源，调转一下顺序即可解决
阅读全文
摘要：https://daneden.github.io/animate.css/ 第一步：安装： 在命令行中执行：npm install animate.css --save 第二步：引入及使用： main.js中： import animated from 'animate.css' // npm i
阅读全文
摘要：期望效果： 原来，我用的是脚本来控制，然后........，再然后，我再去仔细看官方文档的时候，才发现，Menu组件 有那么两个事件，on-select 和 on-open-change ，好气啊，之前做了，那么多...............算了不吐槽了。 示例：
阅读全文
摘要：以前都用resource进行ajax请求，现在官方推荐使用axios，所以现在更换插件。这篇文章主要描写如何在项目中引入axios以及简单地使用axios进行ajax请求。 第一步，需要通过npm安装插件，需要安装两个插件，它们分别是axios，vue-axios npm install --sav
阅读全文
摘要：在创建Vue项目时一般会用默认的项目标题和图标，如下图所示： 不是很美观也可能不符合项目的需求，所以有时候就需要改变项目在浏览器上方的标签名称或者图标。 找到项目根目录的index.html，如图： 进去就能够修改title，也就是在浏览器上方的标题 <meta name="viewport" co
阅读全文
摘要：一、什么是less？ less是什么自然不用多言，乃一个css预编译器，可以扩展css语言，添加功能如如允许变量(variables),混合(mixins),函数(functions) 和许多其他的技术，让你的Css更具维护性，主题性，扩展性。 官网：http://lesscss.org/usage
阅读全文
摘要：@click.native="menuHandleClick"
阅读全文
摘要：第一页 第二页 第三页 settings.json配置
阅读全文
摘要：一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 二.解压到本地的某盘 三.用你的npm中进入该文件夹下 在npm中执行命令： 1、$ cnpm install （要有一会） 2、$ cnpm run build.（cn
阅读全文
摘要：1.‘Unexpected tab character’ 字面意思理解呢就是意想不到的制表符，当时出现的时候就是我习惯的使用Tab键去打空格，但是eslint默认不认可Tab，所以解决方法很简单： 在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"
阅读全文
摘要：一、安装vue 1、安装node.js，安装完node.js之后，npm也会自动安装 查询是否安装成功的命令： node -v npm -v 切换镜像 npm install --registry=https://registry.npm.taobao.org查看镜像配置是否成功 npm confi
阅读全文
浙公网安备 33010602011771号