vue
文章平均质量分 81
Linhoon学习笔记
学习,记录,进步
展开
-
重写element-ui中的Message,实现相同消息提示只弹一个
element-ui中的message在实际使用过程中很多时候会遇到,相同的message会在短时间内同时出现在页面上,这种情况下是没有必要的。比如一个错误信息提示被放在定时器中进行:定时调用某个接口,然后这个接口会返回一个message的话,在定时器时间设置很短的情况下,就会出现短时间内弹出很多相同的message。我们可以通过重写element-ui的message来解决这个问题。1.新...原创 2020-04-30 10:50:45 · 2890 阅读 · 2 评论 -
vue-cli中使用scss
//安装//因为我下载的vue-cli里面已经包含了vue-style-loader了,//所以不需要下载style-loader,如果没有的话就要安装一个style-loader或者vue-style-loadernpm install node-sass sass-loader --save安装完成之后在build/webpack.base.conf.js中找到rules配置项,增加...原创 2020-04-27 15:42:26 · 1095 阅读 · 0 评论 -
vue中props通信实现双向数据流
vue中组件通过props进行组件通信的时候,props是单向数据流的,也就是只能通过父组件改变值传入到子组件,不能通过子组件改变父组件中的值,但我们实际开发中,有一些场景是需要实现双向数据流的props的,比如我们自定义一个dialog弹窗组件:1.使用object类型的props传值//弹窗组件dialog<template> <div class="dialo...原创 2020-04-26 20:07:58 · 1049 阅读 · 1 评论 -
vue自定义组件中实现v-model
其实在vue的组件中实现v-model指令的方法就是父子组件传值的方法,只不过不用特别去父组件定义事件罢了,实现方式(不是方法)有两种:1.vue中默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event//子组件test.vue<template> <div> <p>{{value}}...原创 2020-04-26 18:26:07 · 1120 阅读 · 0 评论 -
解决vue-cli+iview项目打包上线之后图标不显示问题
做vue项目使用的iviewUI库,打包上线之后发现icon都不显示,然后做了很多尝试,更改打包路径等,都没有太好的效果,最后还是在网上找到了方法:1. 方法一:在build/utils.js下面找到这段代码,将其中publicPath改成…/…/,保存并重新打包。注意:这个路径不是绝对的,根绝自己的目录结构来写 // Extract CSS when that option is spec...原创 2019-10-15 17:39:03 · 1067 阅读 · 0 评论 -
vue中axios拦截器的使用
file方法是用来接受接口返回文档流的方法,在本文可忽略,其中http函数中有部份自定义参数和判断,可根据需求删减或增加原创 2019-10-15 10:37:54 · 365 阅读 · 0 评论 -
iview自定义主题颜色
iview自定义主题颜色iview官网提供了两种自定义主题的方式,一种是采用css变量替换的方式,另一种是通过安装工具修改,这里我们采用第一种。1. 在vue项目下新建主题样式表,例如my-theme.less,因为iview样式是基于less开发的,我们也必须使用less,不然无法做变量替换:@import '~iview/src/styles/index.less';// Here...原创 2019-10-15 10:09:36 · 3788 阅读 · 1 评论 -
怎么将自己的图标上传到iconfont并在项目中使用
将自己的图标上传到iconfont并在项目中使用第一步:进入iconfont官网,登录自己的账号进入导航栏「图标管理」->「我的图标」点击上传按钮:选择想要上传的svg图标:点击保留颜色并提交。第二步:加入购物车并下载单击选择图标加入购物车:进入购物车,点击下载代码按钮,本地就会下载一个文件夹:把需要用的文件复制到项目中,一定要复制iconfont.css:在...原创 2019-10-14 17:56:09 · 7221 阅读 · 0 评论