- 博客(21)
- 收藏
- 关注
RSS订阅原创 echart 温度计（vue 组件引用）
项目需求，既然写了就记录一下。（因为需要多次使用，所以把echart 封装成单独的一个组件，在父组件中使用。）这是子组件的代码:1. 布局（id是echart页面渲染中需要用到的）<div style="background: #f6f6f6"> <div> <div id="main" style="width: 400px; height: 460px"></div> </div> </d
2022-12-23 14:34:06
1351
原创 在指定范围内拖拽
<template> <div> <div id="dragBox"> <div v-for="(item,index) in list" :key="index" class="box1" :style="{left:(index*60 +50)+'px'}" :id="'a'+index" @click="btnclick(index)">点击{{index}}</div> </div>...
2022-04-28 17:41:15
434
原创 GitHub Desktop的日常使用
1.代码clone 下来 点击file。2.添加本地仓库。3. 添加成功。4.切换分支，5.新建分支6.新添加的内容和 commit。7.push8，然后在github 可以查看到提交的更改。9.pull10.查看历史。11合并代码到自己的分支。12.选着一个分支merge到当前分支好了。我项目里基本用到的也就这些了。发现一个很全的使用方法，如有需要请GitHub Desktop使用简介 ...
2022-04-10 13:08:30
755
原创 element table sortable.js(拖拽 行 列)
js简单记录一下先看效果图：稍作修改：项目需要点击按钮才能拖拽（handle: '.move', // handle's class ）二话不说直接上代码<template><div> <el-table row-key="date" ref="table" border :data="tableData" style="width: 100%"> <el-table-column prop="date" la..
2022-04-02 15:14:24
1086
原创 element table 合并表头 合并列 合并行
记录一下首次合并表格。遇到了很多坑，这是解决后的代码ui的设计图（也是最终效果啦）element 的table： <div class="category"> <el-table :data="alldata" :span-method="arraySpanMethod" :header-row-style="{ height: '56px', background: '#E5E5E5' }" .
2021-11-18 15:54:19
1756
原创 毫秒转换为xx天xx时xx分xx秒
以毫秒为时间单位，计算当前毫秒时**天 **时 **分 **秒主要代码：time=170276567;getDuration(time) { var days = time / 1000 / 60 / 60 / 24; var daysRound = Math.floor(days); var hours = time / 1000 / 60 / 60 - 24 * daysRound; var hoursRound = Math..
2021-07-15 10:44:40
394
原创 js 操作数组 push splice
一个可以根据table 勾选项把数据push进数组，取消勾选从数组里删除主要代码：data： data() { return { msg:[], };methods:this.msg.push(row.subscribeType); for(var i=0;i<this.msg.length;i++){ for(var j=i+1;j<this.msg.length;j++){
2021-07-01 16:23:38
319
原创 数据格式处理
当后端返回的数据，不是我们想要的格式。这个时候就要我们自己处理成想要的格式。（当后端返回数据的key是我们需要绑定的字段，可以把key取出来，赋值给另一个我们自定义的key。）1.拿到的数据let log={ name:"Linda", age:'12', class:'一年级2班', }2.处理方法letcount=[] for(va...
2021-04-06 11:43:32
204
原创 js 获取今日/过去1天/过去7天/过去30天的方法。
通过点击input 获取时间段（毫秒）。 在data里初始化data(){ return{ date:[{ value: '1', label: '今日' },{ value: '2', label: '过去1天' },{ value: '3', ..
2021-04-06 11:09:12
1100
原创 element-ui 的日期时间选择器的未来/过去时间无法选择设置
<el-form-item label="申请时间"> <el-date-picker v-model="applicationTime" type="datetimerange" size="small" placeholder="选择日期范围" :picker-options="timeChange" style="width: 170px"> <..
2020-08-28 10:51:15
2497
原创 回车到下一个输入框 vue + element ui实现
<template><divclass="table-container"><el-formref="formRef":rules="rules":model="formData"label-width="100px"class="from-box"><divclass="title-info">基础信息</div><el-row><el-col>...
2020-08-25 19:11:50
2020
原创 css隐藏滚动条兼容IE，火狐，chrom
1.width多17px，外层容器溢出隐藏，能兼容各个浏览器。.outContainer { width:350px; height:300px; overflow: hidden;}.inContainer { height:300px; width: 367px; overflow-x:hidden; overflow-y:scroll;}2.设置scrollbar-width: none;.outContainer { width:350.
2020-07-20 09:22:44
470
原创 利用vue中的 过滤器filter 根据字符串的长度控制显示的字数超出显示省略号
利用vue中的 过滤器filter<span class="icon">{{item.hashName | ellipsis}}</span>定义过滤器export default { filters: { ellipsis (value) { if (!value) return '' if (value.length > 50) { return value.slice(0,50) + '...'
2020-07-13 20:53:57
2280
原创 async/await搭配promise的使用
注意： 使用 async / await, 搭配 promise, 可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性. 本文介绍 async / await 的基本用法和一些注意事项. await引用MDN的介绍:await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用.await ...
2018-11-22 15:10:07
4357
原创 vue +iview（table）+element-ui 自己写的穿梭框
一。布局<template> <div class="settingparC"> <div class="settingLeft"> <Table ref="selection" @on-select="checkAll" height="390" border :columns=&
2018-11-21 17:28:26
2655
原创 关于使用vscode开发vue项目 使用iview可展开的table是col的报错
描述： 在使用vscode开发项目，vue+iview+table(可展开的标签Col的报错)；是编辑器（vscode）里eslint的关闭。报错：vscode中iview的标签(Col)报错 x-invalid-end-tag解决方法： 这是vetur中eslint的问题，在vscode菜单中，文件->首选项->设置，找到 “vetur.v...
2018-11-15 11:01:29
1825
原创 vue+iview+table修改样式color
一。iview代码 { title: '超警(m)', key: 'age', align: "center", render: (h, params) => { return h('div', [ h('I...
2018-11-14 18:12:41
1790
原创 iview 的table 加矢量图icon的方式
iview+table+icon实现table中某一列添加图标。自己项目里遇到的问题，记录一下。注意：table里的render函数的使用。第一步：render函数{ title: '站名', key: 'name', // align:"c...
2018-11-09 17:50:45
2966
2
原创 在iView中的table组件显示数据的title提示
文本将不换行，超出部分显示为省略号 { title: '地域', key: 'area', width: 100, align: 'center', render: (h,...
2018-11-09 17:35:01
516
原创 css文本省略（…） 文本超出内容区显示省略号
一. 单行文本省略<p class="box">今天天气好晴朗，处处好风光 。</p>.box{ width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}二.多行文本省略<p class="box">今天天气好...
2018-10-29 15:41:25
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人