自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

转载 vue中实现时间格式化 dayjs插件

1.项目中将dayjs写成组件(common.js => 在common.js内引入 import dayjs from "dayjs";)2.使用页面 app.vue 引入common.js; import { parseDate2Str } from "@/util/common.js"; nowDate初始值取当前时间,并格式...

2019-09-27 15:03:00 3717

转载 vue2.0 + element UI 中 el-table 数据导出Excel (多级表格适用,无分页版)

1、安装相关依赖npm install --save xlsx file-saver2、组件里头引入import FileSaver from 'file-saver'import XLSX from 'xlsx'3、组件methods里写一个方法 exportExcel () { /* generate wo...

2019-09-03 17:04:00 2745

转载 js == 和 === (尽量用=== 直接比较)

转载于https://www.jianshu.com/p/19d507f6e34转载于:https://www.cnblogs.com/chr506029589/p/11394546.html

2019-08-22 15:25:00 422

转载 再次认识js中逻辑运算符 ||和&& 和 ~~

一. && 和 || 注意点以前总认为 || 和 && 的返回值只有true和falseBut!!!事实是:1.平常在if() 语句中,if括号中的值 会自动转换为布尔值2.逻辑运算符(或、与) 运算后的结果不会自动转换成 布尔值3.非运算 除外 (非运算会自动转换成布尔值)举个例子 1 let a = ''; ...

2019-08-22 14:51:00 179

转载 vue + Element ui 实现分页及接口对接

后台需要传的参数为name,pagesize(每页显示的条数),beginpage(当前页) pagesize设置每页10条,开始页beginpage 初始值为1 先上效果图然后贴代码转载于:https://www.cnblogs.com/chr506029589/p/11310193.html...

2019-08-06 16:56:00 2109

转载 vue+element 动态设置按钮禁用状态

根据某个参数,动态改变按钮的禁用状态,status为-1时,禁用; :disabled="scope.row.status ==-1?true:false"直接贴代码转载于:https://www.cnblogs.com/chr506029589/p/11310016.html...

2019-08-06 16:39:00 22242

转载 Vue&&element-ui的resetFields()方法重置表单无效

首先贴一下代码1.实现效果2.相关代码3.如何实现及注意事项  第一:给表单添加ref属性 第二:表单项el-form-item要添加prop属性,prop属性需要与input框绑定数据的最后名称一致,如v-model="form.enName", prop则应该为 prop="enName" 第三:在关闭事件...

2019-08-02 17:40:00 493

转载 localStorage 需要注意的相关知识

1.localStorage中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).2.通过localStorage.setItem()增加了一个数据项目。 (接受一个键名和值作为参数,将会把键名添加到存储中,如果键名已存在,则更新其对应的值。)localStorage.setItem('my...

2019-07-26 16:32:00 184

转载 关于 vuex 存值 及 取值 的操作 以及 vuex具体什么意思 的好文

1.https://www.cnblogs.com/crazycode2/p/8607318.html2.https://blog.csdn.net/moonpure/article/details/76254850转载于:https://www.cnblogs.com/chr506029589/p/11250281.html

2019-07-26 14:48:00 331

转载 elementUi+vue checkbox选中和取消的状态让table中的某一列显示隐藏

记录一下自己踩的坑,控制element内的table的某列显示隐藏不能用v-show,而是要用v-if具体网上百度了,看一下v-show和v-if的区别吧猜测:由于el-table-column会生成多行标签元素,根据v-show是不支持template语法的,推断v-show不能显示隐藏多个元素转载于:https://www.cnblogs.c...

2019-07-02 16:44:00 2843

转载 vue项目--同一局域网访问你本地的项目

方法一:1.处于同一个网段(PS:连同一个WiFi)2. 重启本地环境 :(1)yarn run dev --host 0.0.0.0(不需要修改配置文件)(2)npm run dev --host (需要修改config/index.js,把 host: 'localhost', 改为 host: '0.0.0.0')3. 你电脑的IP +本地项目...

2019-07-01 13:51:00 3031

转载 vue+element 实现动态数据表格及添加表格操作按钮

<!-- 表格 --> <el-table :data="tableData3" border id="el-table" style="width: 100%"> <!-- 动态循环的列表 --> <...

2019-05-28 17:15:00 7209

转载 vue中 怎么把echarts中data的数据循环

1.。后台返回的数据格式是下图这样的,然后取name和commonCount2.把这个数组遍历一下,把要取的name和commonCount放到两个空数组里这样就取到了export default { name: 'ranking', data(){ return { } }, ...

2019-05-25 14:53:00 3978

转载 vue.js 之 vue 列表渲染 中限制条数(笔记)

怎么限制只渲染2条数据呢?<ul> <li v-for="i in list" v-text="i"></li></ul> list: ['a','b','c','d']解决方案1:<ul> <li v-for="i in list.slice(0, 2)" v...

2019-05-13 10:20:00 1143

转载 vue.js使用select跳转页面

<div id="app"> <select v-model="selected" @change="changeHref(parseInt(selected))"> <!--selected需转换成数值型,否则不会响应--> <option value="1">第一张</option&...

2019-05-07 16:03:00 922

转载 如何局部覆盖element-ui的默认样式

转载于:https://www.cnblogs.com/chr506029589/p/10752255.html

2019-04-22 19:29:00 1232

转载 Vue + Element 配置报错

{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader'}转载于:https://www.cnblogs.com/chr506029589/p/10531056.html

2019-03-14 16:18:00 137

转载 jQuery禁用、开启鼠标滚轮事件

1.禁用鼠标滚轮事件$(document).bind('mousewheel', function(event, delta) {return false;});2、开启鼠标滚轮事件,直接解绑事件就可以$(document).unbind('mousewheel');    转载于:https://www.cnblogs.com...

2018-12-17 16:00:00 869

转载 小程序bindtap和cachetap的区别

1 <view bindtap='a'> 2 1 3 <view bindtap='b'> 4 2 5 <view bindtap='c'> 6 3 7 </view> 8 </view> 9 </view>10 ...

2018-11-19 16:40:00 110

转载 小白之微信小程序第一次完成搭建本地服务与页面进行交互

如果忘记了搭建json-server的过程,可看上一篇随笔1. index.xml 代码 1 <!--index.wxml--> 2 <swiper indicator-dots="{{indicatorDots}}" indicator-dots="true" 3 autoplay="{{autoplay}}" autoplay="true"...

2018-11-15 11:44:00 176

转载 搭建微信小程序的本地测试服务器 json-server

1.首先需要在windows环境下安装node.js 选择Windows Installer下载对应的系统版本就行,然后一路next,这种方式安装好以后会把环境变量也配置好了,直接在命令行下输入node --version //出现对应的版本号信息就表示安装成功了2.json-server的使用<1> 安装:npm install -g js...

2018-11-14 17:29:00 911

转载 微信小程序常见的坑

wxml的标签跟html里面的一些标签是一样的,比如view标签相当于div标签,text标签相当于span标签。 在微信小程序中,表单元素都是原生组件,微信小程序中原生组件层级最高,所以在用input,canvas,map这些组件就要注意了,其中在样式上不支持overflow-x/overflow-y,只可使用overflow1. text相当于span,所...

2018-11-14 14:36:00 120

转载 微信小程序注意点与快捷键

注意点1. 微信对小程序的要求是整体大小不能超过1MB。 2. .json 是配置文件,其内容必须符合JSON格式,所以文件内部不允许有注释。 3. app.json 是全局配置文件,微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页 4. .wxss 文件是样式表文件,app.wxss是全局的样式表文...

2018-11-07 11:03:00 124

转载 Now you can provide attr "wx:key" for a "wx:for" to improve performance. 微信小程序警告

Now you can provide attr "wx:key" for a "wx:for" to improve performance为警告,不处理不影响程序运行。消除警告只需要在"wx:for"后面添加wx:key="xxx"就行了wx:key="xxx"的值取决于项目wx:key 的值以两种形式提供1. 字符串,代表在 for 循环的 array 中 i...

2018-11-06 15:49:00 202

转载 微信小程序出现 Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[', got INVALID

是因为,app.json中不能有注释,我将我上面注释的部分去掉,就可以了转载于:https://www.cnblogs.com/chr506029589/p/9910186.html

2018-11-05 17:08:00 462

转载 购买阿里服务器后,第一次远程连接出现的问题

一. 刚开始出现的问题 (win7旗舰版)然后我就在网上找了各种办法,都试了一下这种我试的是有效的1.在运行中输入gpedit.msc一定要看清楚是计算机配置里面的管理模板,一开始我马虎,找了半天没找到,最后发现找的用户配置里面的然后按下面图片内容选择就行,最后确定这时候再连接就不报这个错了出现了问题22....

2018-10-30 14:15:00 92

转载 css实现移动端水平滚动导航

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial...

2018-09-29 17:15:00 541

转载 在vue中引入scss

先npm安装stylus和stylus-loader (我安装后,报错提示缺少stylus,所以第一步安装stylus,如果没有提示可省略第一步)1.到package.json ----- dependencies 里面加上下面这两句话 "stylus-loader": "^3.0.1", "stylus": "0.52.4"...

2018-09-26 14:58:00 116

转载 子级用了float浮动之后,如何撑开父元素,让父元素div自动适应高度

方法一:对父级设置固定高度 假如以上案例,我们知道内部div高度100px,那对父级设置css height为100px看看效果。 此方法缺点,父级是固定高度,而不随内容高度自适应高度,没高度。此方法针对能确定父div内的内容高度情况下使用。方法二:使用css clear清除浮动 在父级div标签闭合</div>前加一个clear清除浮动对象。...

2018-09-19 15:27:00 307

转载 获取过去12个月的年月日

var fill = function (d) { return d < 10 ? '0' + d : d.toString(); }; var current = new Date(); var year = current.getFullYear(); var month ...

2018-09-19 10:00:00 164

转载 获取本月有多少天

function getDays(){ //构造当前日期对象 var date = new Date(); //获取年份 var year = date.getFullYear(); //获取当前月份 var mouth = date.getMonth() + 1...

2018-09-19 09:57:00 446

转载 获取当前时间的前七天的日期

$(function () { $('.text').click(function () { // 前七天 var sevenDate = []; var myDate = new Date(); //获取系统当前时间 var date1 = new Date(myDate.getTime() - (1...

2018-09-19 09:55:00 3689

转载 css和css3弹性盒模型实现元素宽度(高度)自适应

一、css实现左侧宽度固定右侧宽度自适应1、定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自适应</title> <style> *{ ...

2018-08-28 16:01:00 716

转载 vue之生命周期函数例子

执行代码看生命周期函数的执行顺序<!-- 根组件 --><!-- vue的模板内,所有内容要被一个根节点包含起来 App.vue --><template> <div id="app"> <h2>这是vue的根目录</h2> <button @click="...

2018-07-30 16:11:00 153

转载 vue之简单组件例子

<!-- 根组件 --><!-- vue的模板内,所有内容要被一个根节点包含起来 --><template> <div id="app"> <h2>这是vue的根目录</h2> <div>{{msg}}</div> <v-ho...

2018-07-26 17:28:00 180

转载 vue之简单的todoList(一)

1 <!-- 根组件 --> 2 <!-- vue的模板内,所有内容要被一个根节点包含起来 --> 3 <template> 4 <div id="app"> 5 <input type="text" v-model="todo"> 6 <but...

2018-07-25 10:40:00 64

转载 vue运行说明

1、cd 到demo里面 如:cd vuedemo(项目名)2、安装依赖: npm install3、运行项目 npm run dev转载于:https://www.cnblogs.com/chr506029589/p/9336018.html...

2018-07-19 15:21:00 68

转载 vue之v-for循环的使用

转载于:https://www.cnblogs.com/chr506029589/p/9335981.html

2018-07-19 15:16:00 119

转载 vue环境搭建

搭建vue的开发环境:1、必须要安装nodejs2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要执行一次) 3、创建项目 必须cd到对应的放项目的文件夹里,例如项目放vue文...

2018-07-19 12:04:00 58

转载 actionsheet(操作表)

推荐使用锚点方式显示、隐藏actionsheet; 若要使用js代码动态显示、隐藏actionsheet,同样在popover插件的构造方法中传入"toggle"参数即可//传入toggle参数,用户无需关心当前是显示还是隐藏状态,mui会自动识别处理;mui('#sheet1').popover('toggle');锚点例子<a type="button" hr...

2017-12-11 10:27:00 438

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除