前端○萌妹-CSDN博客

原创 vue项目中使用swiper(swiper6)

vue项目中使用swiper,首先说下需要注意的地方火狐-- 低版本(如 47), swiper4、swiper5不支持， swiper3、swiper6支持swiper6的用法在vue中使用swiper6,当时，使用swiper6是因为项目需要兼容火狐版本47，swiper4和swiper5不支持，所以尝试使用swiper6,使用过程中遇到了很多问题（度娘出来后，看到大部分人都说swiper6很坑）今天我们就来说说swiper首先安装swiper(npm install swi...

2020-10-13 10:31:15 15712 6

原创 vue+swiper

这里记录下使用swiper踩过的坑~在vue 中使用swiper,由于需要兼容稍微老一点的版本，（如火狐47）最后通过各种尝试（安装了swiper4/5的版本，火狐47的不支持），最后选择了swiper3做了这样的效果，下面是配置//这里的swiperThree是为了区分，因为页面上用了多个swiper，这里是动态取到的值<div class="swiper-cont...

2020-04-23 11:32:08 1052

原创 element中input远程搜索以及动态表单验证

知识点：el-autocomplete的使用 form-动态增减表单项的写法以及验证先看效果图吧，就是一个远程搜索加一个动态表单的验证，直接看代码吧远程搜索的下面的代码已经说的很清楚了，这里需要重点说明一下的是表单验证需要注意的几项el-form中的:model如果等于info，下面的el-form-item中v-for的就是info对象下面的值（是一个数组） :prop是...

2020-03-25 11:10:55 1919

原创 vue中使用tinymce富文本编辑器

怎么安装大家都知道吧，这里就不做介绍啦，不知道的可以直接去问度娘~假装你们已经安装好了，那便开始吧。。。这里先看下效果吧我目前遇到的需要注意的点有这么几个（后期遇到再加吧^_^）字体默认是pt 上传视频（如何实现上传视频以及上传视频后再编辑器中无法播放的问题）上传图片（有个需求是需要设置默认的上传图片宽度）那就一个一个来说下吧字体如果不设置的话默认单位是pt,可以按...

2020-03-24 17:20:37 1370 2

原创 vue+elementUI，用到的需要说明的一些功能

1、级联选择器（el-cascader）先看一下效果吧，这个是选择的效果，支持多选，根节点禁选这个是回显的效果接下来说一下怎么实现吧~//其中platList为数据源,codeList是绑定选中的值，props为配置选项，clearable可清空（选完之后后面带一个删除的按钮）,handleToChange是选中值后触发的，可以在这个方法中绑定值<el-casca...

2020-03-24 16:11:30 1725

原创 vue中使用elementui爬过的坑

input输入框有时候会输入不了（需要在data中定义当前变量）多选框checkbox，点击选中不了（需要当前绑定的值，设置为数组，保证没有值的时候当前绑定值为空数组） carousel（走马灯），当只有两张图片的时候，循环方向有问题（解决办法是：改变数据，判断只有两条时，分别给末尾和头部加数据，缺点：数据变成了4条，指示器也变成了四个，解决办法：通过change事件重写指示器） ...

2019-11-26 17:35:41 210