VUE
非往
岁月从来没有放弃我们,我们不能辜负岁月亦
展开
-
expected "indent", got "outdent"
今天我们就来说一下项目中,用stylus 写CSS时 遇到的一个比较小的bug, 错误如下:再经过百度、谷歌一番折腾后,才发现导致错误的一些常用原因:1、可能是自己在写stylus代码时,空格和tab的混用。2、自己的代码并没有写完,存在一些残缺代码3、自己本身写的代码就存在问题。解析:针对第一种,我们在报错之后对代码进行格式化,转化为空格缩进 或者 转化为tab进行缩进针对第二种的话,我们对代码进行补全就好针对第三种的话,如果是代码语句的错误,我们需要检查代码语义的正确性,可能是.转载 2020-05-12 19:45:57 · 622 阅读 · 0 评论 -
Vue+Canvas绘图使用
1、前言图片储存在后台中,根据图片的地址,在vue页面中,查看图片,并根据坐标标注指定区域。由于浏览器的机制,使用window.location.href下载图片时,并不会保存到本地,会在浏览器打开。2、 实现原理2.1、 绘制画布<el-dialog title="查看图片" :visible.sync="dialogJPG" append-...原创 2020-03-10 14:36:57 · 22798 阅读 · 3 评论 -
iviewUI组件库中select双向绑定不生效
前端小伙伴们有没有遇到过这样的场景,iviewUI组件库中select双向绑定数据时,修改了绑定值,但是页面中渲染的值还是之前的值,不管是去打印还是使用vue插件去查看变量,均显示绑定值已修改,可是页面始终显示修改之前的数据,是不是很困恼,心中简直是卧槽、卧槽、卧槽。我之前做过很暴力的事情,就是在select标签上绑定v-if,在修改v-modal的值时,对v-if对应的变量先赋值false,...转载 2020-01-08 17:22:24 · 1759 阅读 · 0 评论 -
Vue.config.js 配置选项
vue.config.js是一个可选的配置文件,如果项目的 (和package.json同级的) 根目录中存在这个文件,那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。// Vue.config.js 配置选项module.exports = { ...转载 2019-12-19 17:16:21 · 665 阅读 · 0 评论 -
ERROR Invalid options in vue.config.js: "baseUrl" is not allowed
报错: ERROR Invalid options in vue.config.js: "baseUrl" is not allowednpm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! rlh@0.1.0 serve: `vue-cli-service serve`npm ERR! Exit status 1npm ERR!npm...原创 2019-12-19 14:58:17 · 916 阅读 · 0 评论 -
vue3.0进阶-----------------构建初始化项目
1、首先在终端输入 vue ui 打开浏览器可视化界面,如下:2、第一个会列出你当前拥有的项目,第二个是创建项目的地方;在这里我们点击第二个,创建自己的项目:3、之后点击下一步,选择手动配置项目,4、之后如下:我们勾选babel 编译器、router路由、vuex 状态管理公开、css预处理器、ea-linter(检测代码风格下的规范性)、最后勾选使用配置文件(英文状态...原创 2019-08-24 11:06:05 · 326 阅读 · 0 评论 -
brew安装 node、npm、vue-cli
这里先简单的说一下,安装好brew之后,brew的简单命令:1、简单使用安装软件:brew install 软件名,例:brew install wget搜索软件:brew search 软件名,例:brew search wget卸载软件:brew uninstall 软件名,例:brew uninstall wget更新所有软件:brew update更新具体软件:brew ...原创 2019-08-24 10:19:31 · 1876 阅读 · 0 评论 -
vue 自动触发 a标签 el的表示 以及 directives
最近在写vue的时候遇见了一种需求,就是说公众号跳转公众号时用ifrem标签时会跳转的时候会跳转的很慢,索性就直接改成可a标签,但是你要在跳转到这个页面时要怎么去触发这个a标签呢,废话不多说,直接上代码:在vue当中标签的值若是动态的,只可以用:去动态的绑定这个属性的,下面就是a标签的写法:<a :href="innerUrl" width="100%" v-trigger>...原创 2019-05-21 22:15:27 · 6279 阅读 · 1 评论 -
使用Vue.$set()-给对象新增属性
文章来源于简书:https://www.jianshu.com/p/71b1807b1815,作者:爱扎马尾的小狮子我们经常在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会...转载 2019-03-15 21:01:19 · 3562 阅读 · 0 评论 -
vue中的data-xx获取相应的值
data-radius语法: data-属性我们可以去获取独立的标签当中标记为data-xx=""当中的值,也可以获取当循环遍历某个数组时,当前的值或者是当前数值的索引下面我们就来看一下具体的用法:1,获取单个属性的值//在当前div上定义一个点击事件//当然这里的data-xx名字时可以自己 定义的但是我们一般定义为与元素的值由对应意义的名字<div @clic...原创 2019-03-15 20:45:33 · 9375 阅读 · 2 评论 -
vue 当中的属性方法watch、computed和methods
主要类说一下:watch、computed和methods三个属性之间的对比首先我们来创建一下案例结构:<body> <div id="app"> <input type="text" v-model="firstname">+ <input type="text" v-model="原创 2019-03-14 23:16:45 · 429 阅读 · 0 评论 -
用 jqGrid + vue + springBoot + mybatis+P 实现自定义的分页查询
在之前的文章当中我们介绍了springBoot+ MP的结合使用,了解到了MP的简化代码的方面,但是如果你想要自定义的分页查询呢,我们知道mybatis--plus提供的selectPage方法,只能取查由你封装好的Page去查询,这样一来若是我们想自定义查询条件对结果进行分页,我们就得在mapper当中去自定义sql了,好了 我们直接步入正题:我们从前端到后端的方式来介绍整个分页的实现;首先...原创 2019-03-10 15:31:24 · 1648 阅读 · 0 评论 -
vue中输入框事件的使用,数值校验
最近做项目,用到vue去监听输入框当中值,并且去校验值的正确性,我们都知道 vue 当中 主要监听输入框的方法有四个:input change blur keyup.enter他们都可以使用@+xxxx="在vue当中定义的方法",去引用实现,然后利用v-model去绑定data当中的数据,下面我们就来介绍一下这四个方法:一、@input(或者是v-on:input)...原创 2019-03-13 21:14:28 · 10817 阅读 · 0 评论 -
如何在vue项目中使用md5加密
MD5:信息-摘要算法,是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式一般我们把登录和注册信息的密码进行加密1.安装模块 npm install js-md5 -D 2.在项目中引入模块import md5 from 'js-md5'3.把你需要加密的信息进行前期处理CalcuMD5 = function (pwd) { pwd = p...原创 2018-12-25 20:44:25 · 1398 阅读 · 0 评论 -
Vue 刷新当前页面
1). location方式location.reload()2). router方式this.$router.go(0) 这两种方法都可以达到页面刷新的目的,简单粗暴,但是用户体验不好,相当于按F5刷新页面,会有短暂的白屏,相当于页面的重新载入。3). provide/inject方式通过路由跳转的方法刷新,具体思路是点击按钮跳转一个空白页,然后再马上跳回来:A...原创 2018-12-25 20:40:00 · 347 阅读 · 0 评论