随笔分类 - iview
摘要：我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面1.原始方法： location.reload(); 2.vue自带的路由跳转： this.$router.go(0); 用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好
阅读全文
摘要：在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号，如果想去掉这个井号，我们可以在路由上加上 mode: 'history', 即可去掉 export default new Router({ mode: 'history', routes: [ { path: '/', name
阅读全文
摘要：一、开发环境中跨域 使用 Vue-cli 创建的项目，开发地址是 localhost:8080，需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置，不过 Vue-cli 创建的项目，可以直
阅读全文
摘要：推荐使用 nrmnrm 是一个 js 模块，类似 vue-cli，是一个命令行工具，可以用来快速切换 npm 源。 安装 npm install -g nrm 看看有哪些源供我选择 类似 linux 里的 ls，列出可供选择的源 nrm ls nrm use taobao 这样，就切换到了淘宝的源，
阅读全文
摘要：.CodeMirror { border: 1px solid #eee; height: auto; } .CodeMirror-scroll { height: auto; overflow-y: hidden; overflow-x: auto; }
阅读全文
摘要：项目功能需要，要从列表页跳转到第三方提供的URL上（这里第三方页面我是通过iframe引入在详情页，目的是点击返回时可以通过keepAlive让列表页不刷新，如果不通过iframe直接跳第三方链接，那么返回必然会重新拉取数据），一路百度，刚开始使用 1 this.$router.push({name
阅读全文
摘要：a.vue向b.vue传值 a.vue this.$router.push({ path: '/payType', query: { putUpList: this.putUpList, name:'111' }, params:{ cartList: this.cartList, totalMoney: this.totalMoney } }); b.vue mounted:function()
阅读全文
摘要：第一步：添加需要拦截的页面 第二步：页面拦截 第三步：后台返回拦截 拦截全部做完，祝你好运！！！ { path: '/control', name: 'Control', meta: { requireAuth: true }, { path: '/control', name: 'Control'
阅读全文
摘要：在使用iview 的Message与Notice组件时，可以对提示框的显示位置与显示时长进行配置。 iview提供了两个配置属性。分别是： top 提示组件距离顶端的距离，单位像素。 duration 默认自动关闭的延时，单位秒。 可以对这两个组件进行全局配置: 全局注册iView 使用 方式一 在
阅读全文
摘要：在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示） 1、使用npm安装依赖 2、在页面中放入如下代码 编译器的事件触发器触发器使用方法：(change事件为例) this.CodeMirrorEditor.on("change",function(){//事件触发
阅读全文
摘要：<Tabs name="tab" value="a"> <TabPane label="标签a" name="a" tab="tab"> <Tabs name="tab-2a" value="2a1"> <TabPane label="标签2a1" name="2a1" tab="tab-2a">标
阅读全文
摘要：解决方法：（共有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
阅读全文
摘要：打开设置，搜索“vetur.validation.template”，设置完毕之后记得重启vscode 如果不行请使用下边方法 一、 问题日志 ✘ https://google.com/#q=vue%2Fno-parsing-error Parsing error: x-invalid-end-ta
阅读全文
浙公网安备 33010602011771号