随笔分类 - vue.js
摘要：最近有一个需求里有个动效是这样的，一张图片从右边往左边无限循环滚动，然后图片上还有一个人骑着车放风筝，这样的一个场景。。我用css3实现出来有，每次动画执行完后循环的那一瞬间总是会有种切换，给人抖动的感觉。于是在跟ui商量之后，让她导出动画的json文件，然后我这边通过lottie-web这个直接使
阅读全文
摘要：vue3.0也出来了很久一段时间了。每次看新闻逛论坛好多都是关于vue3.0的，今天抽空也学习了下，由于是第一次接触，因此查过不少资料，踩过不少坑。特此记录下。 （1）、全局安装最新版本的 @vue/cli npm install -g @vue/cli@next （2）、使用vite（是一个 we
阅读全文
摘要：最近有一个项目是接口都需要进行加密，采用的加密方法是aes-256-cbc的模式。网上查找了好多资料，也折腾了好久。终于弄好了。特此记录下。 首先安装crypto-js。 npm install crypto-js --save 然后定义2个方法，用于加密和解密。这里我将其命名为cryptoJS.j
阅读全文
摘要：偶然间看到一款不错的移动端vue组件库Vant，照着官方文档敲了一下，感觉还是不错的。想着以后的项目中可能会运用到，特此记录下，方便之后使用。 现在很多的组件库为了减小代码包体积，都支持按需加载了。Vant作为一款优秀的移动端vue组件库，自然也是支持的。由于当下手机设备屏幕尺寸不一，做移动端的We
阅读全文
摘要：html主要部分： 初始化selectList = []，checkboxList = ['苹果', '橡胶', '梨', '桃子']。 首先说全选事件，这个比较好弄。就是每次触发事件的时候先清空selectList，然后将checkboxList的值赋值给selectList就行了。 反选事件。所
阅读全文
摘要：在开发中，经常会遇到这样的需求，就是点击图片，能够放大预览。在网上找到了一款很好用的插件。拿来即用，不需要复杂的配置。特此记录下（这里只是针对于在vue脚手架下的使用方法）。 1、安装依赖包。 2、在main.js中配置如下： 3、在需要使用图片查看的文件中使用如下： 上面的images是一个数组，
阅读全文
摘要：虽然之前用过n次，但大多都是直接在页面中引入axios.js的。今天想换种方式使用，一时间竟不知道怎么配置了。特此记录下。 1、npm 安装axios，文件根目录下安装，指令如下: npm install axios --save-dev 2、在main.js中引入axios。 3、接着将axios
阅读全文
摘要：一般的，如果是静态数据（本地数据），可以直接在mounted生命周期中初始化，循环轮播、自动播放都比较正常。 但是，如果是动态从后台获取数据的话，采用上述方法会发现，轮播图无法自动播放，也无法拖拽。 解决办法：在从后台获取完数据之后再初始化swiper，同时启动动态检查器observer，当改变sw
阅读全文
摘要：我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css、js以及图片等，那么打包后的文件该如何正确运行呢？ 倘若直接打开html文件，会报如下错误： 那么该如何运行呢？其实可以将生成的dist文件部署到 express 服务器上运行。 （1）、
阅读全文
摘要：近期由于项目需要，需要将页面中的表格数据导出excel格式的文件，折腾了许久，在网上各种百度，虽然资料不少，但是大都不全，踩了许多坑，总算是皇天不负有心人，最后圆满解决了。 1、安装相关依赖(npm安装可能会出现某些错误，可以使用cnpm)： 2、下载两个核心js文件，Blob.js和 Export
阅读全文
摘要：在使用vue.js进行开发时，使用最多的就是created、mounted、activated。 由于有些情况下，我们需要复用某些组件，因此需要用到keep-alive。 当引入keep-alive时，页面第一次进入，钩子的触发顺序是created-> mounted-> activated。当再次
阅读全文
摘要：老早就听说了Vue.js是多么的简单、易学、好用等等，然而我只是粗略的看了下文档，简单的敲了几个例子，仅此而已。 最近由于项目的需要，系统的看了下文档，也学到了一些东西。 废话不多说，这里要说的是下拉列表以及选中某一选项触发选中事件。 1、下拉列表 （1）、html部分代码： （2）、js部分代码：
阅读全文
摘要：年前由于时间紧迫，原本使用iview技术开发后台管理系统的大神另有任务，我中途接手该项目，此前对于iview一无所知的我是一脸的懵逼，好在后台管理的整体框架大神已经搭建好了，而我之前对vue也有一定的了解，因此我只需要写一些页面以及数据的对接等。 中间踩过许多坑，遇到许多不接，最后在多番查询资料以及
阅读全文
摘要：在使用vue.js前，首先得安装vue.js。 对于vue.js的安装，有以下几种方法： 1、通过官网下载： Vue.js 官网下载地址：http://vuejs.org/guide/installation.html 2、使用CDN方法： 以下推荐国外比较稳定的两个 CDN，个人建议下载到本地。
阅读全文
