分类:vue

vue开发笔记

vue lottie 点击实现收藏动画组件 心形

vue lottie 点击实现收藏动画组件 心形
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。 点击效果 组件使用 <template> <div class="lottie"> <lo...

yekong 3年前 (2022-08-13) 喜欢

vue lottie 点击实现收藏动画组件 五角星

vue lottie 点击实现收藏动画组件 五角星
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。 点击效果 组件使用 <template> <div class="lottie"> <lo...

yekong 3年前 (2022-08-13) 喜欢

vue element ui tree树状图增加线条效果

vue element ui tree树状图增加线条效果
vue数据大屏要求,树状图进行连线效果。在github上找到了一个相对符合要求的插件, element-tree-line 插件使用 安装依赖 # npm npm install element-tree-line -S # yarn yarn add element-tre...

yekong 3年前 (2022-08-13) 喜欢

vue element ui tree全部展开

vue element ui tree全部展开
vue项目开发要求element ui tree全部展开,于是查询记录了一下。 使用default-expand-all进行控制 <el-tree node-key="id" :data="organizationTree" :pro...

yekong 3年前 (2022-08-12) 喜欢

vue 使用AE制作文字随机闪烁效果

vue 使用AE制作文字随机闪烁效果
最近在学习使用AE制作动画,发现AE结合前端可以实现更多酷炫的网页效果,这少不了实践,于是找了一些教程跟着学习制作,不断练习才能进步。 教程是制作一个文字随机闪烁的动画。制作完成动画后还需要使用lottie-web渲染在页面中。 渲染效果 AE源文件 AE源文件 提取码: wb...

yekong 3年前 (2022-08-11) 喜欢

vue Switch状态切换组件

vue Switch状态切换组件
vue项目开发时,要使用Switch来切换状态,但是常用的element ui的Switch并不能满足需要,只能在github上查找一个符合要求的组件来用。最终找到了一个自己需要的组件。 安装依赖 npm install vue-js-toggle-button --save ...

yekong 3年前 (2022-08-11) 喜欢

vue axios 下载流文件

vue axios 下载流文件
vue项目开发时,需要对文件进行导出操作,这就需要用到下载文件操作,这里使用的是axios进行下载操作。 async exportData() { var data = qs.stringify({queryParam: this.data.queryParam}) le...

yekong 3年前 (2022-08-08) 喜欢