随笔分类 -  vue案例

vue拖拽建站的简单模式vue-grid-layout
摘要：注入依赖 npm install --save vue-grid-layout 页面内容 <-- 这里走个for循环就可以当做需要的拖拽组件区域 --> <div @drag="drag" @dragend="dragend" class="droppable-element" draggable= 阅读全文
posted @ 2021-09-03 13:05 一世^浮萍 阅读(1561) 评论(0) 推荐(0)
vue 富文本编译器 vue-quill-editor
摘要：vue的富文本的编译器 第一步：安装依赖 npm install vue-quill-editor --save 第二步：在vue中引入，也可以在全局引入 import {quillEditor} from 'vue-quill-editor' import 'quill/dist/quill.co 阅读全文
posted @ 2021-08-30 18:11 一世^浮萍 阅读(2234) 评论(0) 推荐(0)
vue-拖拽的使用awe-dnd
摘要：拖拽功能的使用 npm install awe-dnd --save 在main.js最后引用这个依赖 import VueDND from 'awe-dnd' Vue.use(VueDND) 页面的使用 <div class="color-list"> <div class="color-item 阅读全文
posted @ 2021-08-28 13:59 一世^浮萍 阅读(700) 评论(1) 推荐(0)
for循环内使用定时器实现 循序中展示每一个的定时器
摘要：在学习js的时候，或者面试的时候，会经常碰到这一道经典题目： for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }); } console.log('a'); 熟悉这道题目的人立马就可以说出答案： 'a' 5 阅读全文
posted @ 2021-05-23 14:44 一世^浮萍 阅读(1045) 评论(0) 推荐(0)
微信小程序多宫格/九宫格抽奖 基于vue来写
摘要：html <template> <view> <!-- <image src="@/static/images/activity/classify.png" mode="aspectFill"> --> <view class="box"> <view :class="luckynum==index 阅读全文
posted @ 2020-11-25 17:44 一世^浮萍 阅读(985) 评论(0) 推荐(0)
vue中读取文件编码格式并进行md5加密
摘要：页面代码 <template> <div class="hello"> <el-input type="file" id="file" @change="dddd" ref="aaa" v-model="fileslist"></el-input> </div> </template> js代码： 阅读全文
posted @ 2020-03-23 11:26 一世^浮萍 阅读(2833) 评论(0) 推荐(0)
vue时间倒计时-休眠用法/计时器用法
摘要：倒计时的两种用法： 一、计时器的用法 页面部分 <span class="time-minute">{{timeMinute}}</span> <span class="time-unit">分</span> <span class="time-second">{{timeSecond}}</spa 阅读全文
posted @ 2019-12-31 11:19 一世^浮萍 阅读(8829) 评论(0) 推荐(0)
分期付款
摘要：今天来分享一段代码，业务需求是这样的，要做一个分期付款的提交，但分期没有定固定的多少期，要让你随时能够添加，页面开始的时候要展示第一期的填空，随后才进行添加 我是这样做的 vue组件 在data内定义的值 最后的添加事件 最后展示的结果 勉强能看，功能正常，谁有更好的办法欢迎来留下言 阅读全文
posted @ 2019-05-31 21:08 一世^浮萍 阅读(538) 评论(0) 推荐(0)

……