前端
前热火球员LeBron James
A programmer who can't play basketball is not a good cook
展开
-
vue-baidu-map标记多个位置经纬度坐标点
一、下载依赖npm install vue-baidu-map --save二、引入main.jsimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: 'QgfFilqeUDxC0ajamorweqrwu'})ak 是在百度地图开发者平台申请的密钥。详情三、使用<template> <div> <router-view></router-view> &原创 2021-12-22 17:05:47 · 2043 阅读 · 0 评论 -
async和await
async和await谈谈Promise在vue中的应用转载 2021-08-31 17:22:13 · 113 阅读 · 0 评论 -
vue 里面引入外部js的问题 和js文件加载顺序的问题
vue 里面引入外部js的问题 和js文件加载顺序的问题转载 2021-08-13 18:04:27 · 712 阅读 · 0 评论 -
js计算两个时间差 (天 小时 分 秒格式)
/*** description: 计算两个时间差* function: calculateDate()* 参数格式: 2021-08-02 18:03:56* 返回值格式: 2042天-15小时-44分-54秒*/export function calculateDate(t1, t2) { var date1=new Date(t1.replace(/\-/g, "/")) var date2=new Date(t2.replace(/\-/g, "/")) va原创 2021-08-03 16:18:38 · 268 阅读 · 0 评论 -
实现一个竖直的显示表头的表格(vue版本)
实现一个竖直的显示表头的表格(vue版本)转载 2021-07-20 15:11:39 · 590 阅读 · 0 评论 -
npm install报错,卡顿及解决方案(mac)
一、 npm install时提示:npm ERR! Unexpected end of JSON input while parsing near '... PGP SIGNATURE-----\r'解决方案:npm cache clean --force // 如果出现提示npm WARN using --force I sure hope you know what you are doing 则表示清除成功npm install // 再次执行npn install即可二、npm ins原创 2021-06-17 14:14:12 · 2662 阅读 · 0 评论 -
js对列表里面的日期排序
1.时间正序: tem_list.sort(function(a,b){ return Date.parse(a.ctime) - Date.parse(b.ctime); // 时间正序 });2.时间倒序: tem_list.sort(function(a,b){ return Date.parse(b.ctime) - Date.parse(a.ctime); // 时间原创 2020-07-16 17:20:09 · 2012 阅读 · 0 评论 -
ElementUI el-table 的 formatter 和 scope template 不能同时存在问题解决办法
一、需求:公司项目中一个需要展示文件信息table表,文件大小字段后端没有进行单位转换,准备在前端拿到后转换并且加上单位。二·、问题:很容易想到了el-table组件formatter属性:我在el-table-column里面添加属性,进行打印测试,一直不生效,后来经过排查发现事template中插槽作用域导致的,也就是formatter作用于单个字段(即一个el-table-column)就是下面这种:而我的项目用的是scope template插槽,就是下面这种结构:这样就产生了问题。原创 2020-06-15 14:15:40 · 5214 阅读 · 1 评论 -
vue-element-ui中el-tabs标签在刷新页面后回到刷新前的标签页
vue-element-ui中el-tabs标签在刷新页面后回到刷新前的标签页转载 2020-04-27 18:58:15 · 3376 阅读 · 0 评论 -
vue组件之间传值
前言:在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式;但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具Vuex完美的解决了这个问题。一、安装并引入 Vuex1.首先使用 npm 安装 Vuex:cnpm install vuex -S2.项目结构:在/src目...原创 2020-03-28 17:14:12 · 286 阅读 · 0 评论 -
django用requests从url获取图片(数据类型是bytes)后如何在前端中显示出来
一、需求:最近做公司项目需要从Graphite拿到cpu状态折线图,用vue显示到前端,django用requests从url获取图片后开始做法是先存到环境/opt/data/graphite/下,然后在写一个获取图片的url显示到前端,这样做麻烦不说,还会引起一些问题(定时清理问题,多用户访问问题,静态文件写权限问题)。二、解决办法:直接把返回到前端展示,response.content拿到图...原创 2020-03-24 22:49:21 · 1690 阅读 · 0 评论 -
js如何往数组Array中添加元素
连接转载 2020-02-26 20:59:21 · 2560 阅读 · 0 评论 -
js格式化 Thu Mar 07 2019 12:00:00 GMT+0800 (中国标准时间) 及相互转化
小仙女de成长转载 2020-01-06 19:55:33 · 748 阅读 · 0 评论 -
Easyui写一个自定义的日期时间选择器
一、需求:左边下拉选择器,选(自定义)使用右面时间进行选择,然后下面是快速获取时间;选(最近一 周、最近一个月、最近三个月,最近半年、最近一年)快速定位时间,注意此时右面时间选择器置灰,不能选。二、使用模块:Vue EasyUI插件,安装引入配置:EasyUI三、具体实现:1.首先用一个element选择器显示时间下拉控件,结合easyui: <div class...原创 2020-01-06 18:59:51 · 935 阅读 · 0 评论 -
element-ui NavMenu 导航菜单 通过一个按钮控制
Abudula__转载 2019-12-31 10:31:15 · 1406 阅读 · 0 评论 -
Vue请求初始化数据放在Created还是Mounted?
转载简书作者:damon小萧时间:2018.03.27 17:59:49转载 2019-10-16 10:52:16 · 3270 阅读 · 0 评论 -
element-ui 时间日期选择器格式化后台需要的格式
...............................................................<el-date-picker size="mini" v-model="value1" type="date" placeholder="选择日期" format="yyyy/MM/dd" value-format="yyyy/MM/d...原创 2019-04-22 10:47:14 · 6774 阅读 · 1 评论 -
JavaScript中=、==、=== 的区别
判断规则:一个等号是赋值操作,==先转换类型再比较,===先判断类型,如果不是同一类型直接为false。1.一个等号(=)$a = 1;表示把1赋值给变量啊echo $a ; //输出 12.双等号(==)$a = null; $b = ''; $c= 1;双等号表示等于 echo ($a==$b)?1:0; //输出1 echo ($a==$c)?1...原创 2019-04-23 11:09:14 · 332 阅读 · 0 评论 -
在vue.js里面写一个公用的获取当前日期时间周数的方法
1.写在common.js里面/*** description: 获取当前日期,时间,周数* create_time: 2019-4-19* function: getDate,getTime,getWeek*/class DateTime { // 构造方法 constructor() { // 列举Week this.weekday = ['星期日', '...原创 2019-04-19 16:26:16 · 4840 阅读 · 0 评论 -
el-transfer组件自定义左右列表宽度
转载转载 2019-05-08 10:36:14 · 2218 阅读 · 0 评论 -
vue中的scoped坑点
转载转载 2019-05-08 11:13:16 · 144 阅读 · 0 评论 -
vue 使用基于element-ui的el-tree-transfer插件,实现树形穿梭框
转载el-tree-transfer官方npm文档官方git连接(插件)转载 2019-05-09 10:29:29 · 20617 阅读 · 3 评论 -
vue(Js)从数组中删除元素
使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后从这个下标开始计算,删除长度为length的元素这种删除方式适用于任何js数组...原创 2019-05-21 10:25:51 · 12802 阅读 · 0 评论 -
vue通过路由跳转后设置跳转后页面标签的可见或不可见
1.跳转后,在想可见的标签添加v-show=“isShow”;在想让它不可见的标签里面添加v-show=“areShow”2.设置初始值(不写会报未定义错误)3.触发isShow 和areShow的值改变的事件应该是当前页面路由地址的改变,并且这里需要使用watch完成监控:4.这样就能实现:(1)开始时显示v-show="areShow"标签里面的内容:(2)通过路由跳转到这个...原创 2019-05-29 11:20:19 · 2135 阅读 · 0 评论 -
vue如何在自定义组件中使用v-model
在公司做项目,遇到需要从自定义组件里面传值到父组件里面。调整了一天才整出来,开始不知道vue自定义组件还有这个属性。很好用,我上网搜了很多,这篇文章写得好使比较简单易懂清晰地,特此分享:摘自简书...转载 2019-07-04 09:54:37 · 3947 阅读 · 0 评论 -
vue中button标签样式和功能禁用写法
需求:常用的表格编辑功能,都是只有选中某行数据才能显示样式编辑和内容编辑,不选中为灰度且不能编辑(次编辑一般为弹框修改内容)1.不选中情况下:2.选中情况下:3.代码:样式禁用::class="{disable: selections.length == 0}"功能禁用::disabled="selections.length == 0"“selections.length == ...原创 2019-07-26 16:49:52 · 11752 阅读 · 1 评论 -
Vue中配置baseURL
一,单独创建globle文件夹,在里面创建globleApi.js文件globleApi.js代码:const baseURL = "http://127.0.0.0:8000"export default { baseURL}二,在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用;main.js代码:import global...原创 2019-08-13 14:34:57 · 11957 阅读 · 1 评论 -
关于input标签disabled="disabled"属性的一个坑
一,问题代码:1.原始HTML代码:<li><button class="normal-btn" id="start_capture" "startPktCapture()">开始抓包</button></li> <li><button class="normal-btn" id="stop_capture" style="dis...原创 2019-04-03 13:33:23 · 13417 阅读 · 0 评论