![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ElementUI 和其他UI库
记录一些UI组件库在使用过程中所遇到的问题和解决方法。
SilenceJude
多做,多想,少说话。
展开
-
高德地图使用坑点记录。
1、AMap.AutoComplete的大小写问题,在v2版本中,从Autocomplete改成了AutoComplete,变成了大驼峰,真的坑死,千万别看错文档,不然就变成大家来找茬。2、AMap.AutoComplete中的city属性限制,只能限制城市!不管是citycode还是adcode还是文字,如果你设置省份,如河北省,山东省,370000,根本无效!但是AMap.PlaceSearch对于省份设置是有效的,无语。原创 2023-03-21 09:47:42 · 783 阅读 · 0 评论 -
vue中的vant使用心得及踩坑事件:轮播组件swipe渲染的宽度为0
文章目录问题现象:轮播组件swipe渲染的宽度为0问题描述:问题分析:问题解决:问题现象:轮播组件swipe渲染的宽度为0问题描述:今天开发的时候,需要使用一个轮播图组件。由于渲染的很多数据都是接口获取的,因此我这里通过hadImageDetail字段控制是否开始渲染。而下图的代码中,hadImageDetail是从接口异步获取到的,而van-swipe却会在vue的mounted阶段就开始渲染,导致此时轮播图获取到的宽度为0.如下图:问题分析:原因就是前面提到的,hadImageDet原创 2020-10-24 22:30:59 · 3448 阅读 · 0 评论 -
vue项目使用vant匹配rem时使用pxtorem的配置操作。
目标:能够正常使用vant组件库,且匹配公司现有的rem单位。版本信息:vue/cli3脚手架。postcss-pxtorem: ^5.1.1vue: 2.6.11vant:^2.10.2代码文件:vue.config.js中,找到module.exports位置,然后添加如下代码,懒得一句句解析了。module.exports = { publicPath, outputDir: 'dist', assetsDir: 'static', ...... css: {原创 2020-10-12 14:58:25 · 989 阅读 · 0 评论 -
mint-ui 时间选择器Datetime Picker的用法介绍。
官方文档坑爹啊,调用mint-ui中的Datetime Picker显示,必须使用该组件的open()方法。以前版本的有介绍,新版本就压根没提这档子事,干的漂亮!下面详解一下用法!首先,你得有一个元素来控制显示选择好的数据,这里我是通过控制isClicked的布尔值来显示。year变量的值就是选择后的值。selectYear函数是用来调用组件的open()事件。isClicked属性用...原创 2019-01-08 10:02:37 · 6627 阅读 · 0 评论 -
Element-ui升级操作
一、首先安装一款可以快速显示项目中使用的依赖的版本插件。npm install -g npm-check-updates二、这样就可以快速显示插件版本了:npm-check-updates,可以使用缩写ncuncu三、卸载旧版Element-uinpm uninstall element-ui四、安装新版本。npm i element-ui@2.11.0 -S注意...原创 2019-08-15 17:30:51 · 1235 阅读 · 0 评论 -
el-radio等elementui组件使用@click.native时,绑定的事件会触发2次的问题
场景描述由于某些原因,elementui提供的事件并不能满足我们的需求。此时如果想监听根元素的原生事件,就只能使用.native修饰符。本次项目中,我也遇到了同样的情况,因此使用.native修饰符来监听原生click事件。然而,在点击的时候,却发现el-radio上绑定的事件触发了2次!!解决过程自己找了半天,也没找到问题所在。但是大概猜想到了原因,el-radio肯定是封装了好...原创 2019-05-15 17:05:33 · 8245 阅读 · 1 评论