紫裳

摘要： 随机生成32位字符串算法： function getRandom() { var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G" 阅读全文

摘要： 很多时候我们需要使用地址三级联动，即省市区三级联动。网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果： 1.安装vue-area-linkage插件：npm install --save vue-area-linkage - 阅读全文

摘要： 我们平常遇到点击选择会遇到单选或多选，当你设计图是自定义的时候，第一反应就是引入UI插件吧。可是如果项目只用到插件的这一点点功能，我们引入了一个插件这就不太友好了。此时我们自己写这个小功能是很简单的，点击单个高亮在前面的博文已经说过了（点击查看），在这说一下点击多个高亮： 思路很简单，只需要利用 : 阅读全文

摘要： 我们在做一个项目时前期可能没有后端提供接口模拟数据，那么作为前端就需要自己写json文件模拟数据加载。网上往往参考的都是不全面的，比如get请求没问题但是post请求就报错了。在Vue中只需要vue-resource（也可以使用axios，安装方法和vue-resource一样，具体使用方法可以去a 阅读全文

摘要： Vue项目遇到要表单验证了吧，对我来说表单验证是个很纠(dan)结(teng)的内容，各种判断凌乱到飞起。往常使用jquery的validate插件做表单验证方便吧，你也可以在Vue里引入jquery的validate插件(如何引入jquery在我上一篇博文有介绍，点击查看)。但是我们是做vue项目 阅读全文

摘要： 在以往的做法里首选jquery的animate实现，但是Vue里并没有这个方法。如何在Vue项目中实现点击导航平滑滚动到指定位置，为了这效果我是快要崩溃了，上网查阅了很久发现并没有真正意义上解决这个问题的，之前参考了一位博主的想法：通过在一定时间内定时分步长滚动，连续起来后肉眼观察就是平滑滚动的效果 阅读全文

摘要： 在Vue项目中如何实现轮播图的效果呢，在传统项目中第一个想到的一般都是swiper插件，代码简单好用。一开始我也是直接npm安装swiper然后照着之前的传统写法写，然而却没有效果，只会显示图片但没有轮播效果。上网查了很多资料也参考其他同行的做法，跟着改但是还是没效果。后来发现vue是有一个专门的轮 阅读全文

摘要： 在Vue项目中通过data设置图片路径，然后在template中引入后页面无法显示图片，浏览器控制台报错： 刚开始以为是路径出问题了，于是绝对路径、相对路径各种办法试了一遍，发现还是报错，后来才发现这是因为在Vue里动态生成的路径无法被url-loader解析到，此时有两种解决方法： 方法一.直接将 阅读全文

摘要： 1.下载icon图标，推荐icomoon网站，里面有大量的矢量图标，也可以自定义，当然你也可以去阿里巴巴矢量图标库下载你所需要的小图标。点击进入icomoon网站点击右上角“IcoMoon App”，找到自己需要的图标后选择然后点击右下角“Generate Font”,接着可以在左上角第二个按钮“P 阅读全文

摘要： 以往我们实现tab切换高亮通常是循环遍历先把所有的字体颜色改变为默认样式，再点亮当前点击的选项，而我们在vue框架中实现tab切换高亮显示并不需要如此，只需要将当前点击选项的index传入给一个变量，再将这个变量和当前index匹配，若true则显示高亮，否则默认样式，代码如下： 如需转载请注明出处 阅读全文