vue
小秋菇娘
这个作者很懒,什么都没留下…
展开
-
对时间进行处理 将时间戳转年月日时分秒 将秒数 转换为 时分秒格式,
写下来做记录//将秒数转换为时分秒格式formatSeconds(value){vartheTime=parseInt(value)/1000;//秒varmiddle=0;//分varhour=0;//小时if(theTime>60){middle=parseInt(theTime/60);theTime=parseInt...原创 2020-10-14 15:21:51 · 549 阅读 · 0 评论 -
oss分片上传视频或者图片
var oss_result; // 获取oss配置 await this.$axios.modelAdmin .oss_conf() .then(res => { oss_result = res.data; }); // oss配置 var oss_obj = oss_result; let client = new OSS.Wrapper({ secu.原创 2020-05-26 17:50:59 · 783 阅读 · 0 评论 -
表格分页保存复选框状态
用的是element-ui,方法有两个1.可以用reserve-selection这个仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定row-key)<el-table :data="question_data" style="width: 100%" height="240px" @selectio...原创 2020-03-13 18:34:21 · 571 阅读 · 0 评论 -
vue tab切换
1.可以用element里面的Tabs 组件点这里<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pa...原创 2020-03-11 16:59:00 · 257 阅读 · 0 评论 -
vue 自定义指令下拉加载,表格,列表通用
<div class="box" v-loadmore="loadMore"> <el-scrollbar wrap-style="max-height: 400px;" view-class="view-box" :native="false" wrapClass :noresize="false" viewStyle id="scroll" ref="my...原创 2020-01-07 16:11:24 · 391 阅读 · 0 评论 -
element-ui的el-tree横向滚动条显示不出来。美化滚动条样式
图中没有横向滚动条,而且内容还被遮盖。解决办法.el-tree{display:inline-block; min-width:100%;}我这个滚动条用的是自定义的,为了让滚动条好看点就找了element的用法很简单<divstyle="float:right;width:150px;height:200px;margin-r...原创 2019-12-18 16:26:11 · 3187 阅读 · 0 评论 -
vue动态实时的显示时间
有两种方法1.可以用day.js,处理日期和时间的js库用法 npm install dayjs --save引入import dayjs from 'dayjs'然后创建定时器更新最新的时间this.timeId = setInterval(()=>{ this.sday =dayjs().format('YYYY-MM-DD HH:mm:ss');}...原创 2019-08-29 14:58:07 · 13053 阅读 · 2 评论 -
vue $event
在原生事件中,$event是事件对象在自定义事件中,$event是传递过来的数据注意两点1.不使用圆括号,event被自动当作实参传入2.使用圆括号,必须显式的传入event对象,如果不传入可能最终找到的是全局的window .event有时也需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法:<tempalte> ...原创 2019-07-30 18:26:36 · 456 阅读 · 0 评论 -
elementui表单验证小于300的正整数
alarm_time: [ { required: true, message: "请输入时间", trigger: "blur" }, { validator(rule, value, callback) { if (Number.isInteger(Number(value)) && ...原创 2019-06-13 14:35:08 · 2198 阅读 · 1 评论 -
怎么让滚动条好看一点呢 el-scrollbar
默认的滚动条看着很丑怎么来让这个滚动条变的好看点呢,element的源码里就有这个组件scrollbar写了一个小dome,这样看起来是不是美观很多呢<template> <div class="wrap"> <div class="user"> <el-scrollbar style="height:100%;"&g...原创 2019-05-24 15:33:38 · 1035 阅读 · 0 评论 -
element日期时间控件判断选择时间只能选择三天的,大于三天提示
//时间控件最大三天timeUpdatethree(val){let sTime=new Date(val[0]).getTime();let eTime=new Date(val[1]).getTime();let reduceDate=(eTime-sTime)/1000/60/60/24;if(reduceDate>3){return true;}},...原创 2019-04-18 16:06:24 · 3213 阅读 · 0 评论 -
vue父组件调用子组件的方法
子页面chind.vue<div class="box" :style="{height:height+'px'}"></div>data() { return { height: 100, };},methods: { chindheight(msg) { this...原创 2019-02-20 20:05:24 · 174 阅读 · 0 评论