- 博客(21)
- 收藏
- 关注
RSS订阅转载 研究用 vue 写的倒计时组件，学到了不少东西
<template> <div class="_base-count-down no-rtl"> <div class="content"> <slot v-bind="{ d: days, h: hours, m: mins, s: seconds, hh: `00${hours}`.slice(-2), mm: `00${mins}`.slice(-2), ss: `00${
2022-03-08 17:13:00
139
转载 vue组件传值 小结
Vue 组件通信方式居然有这么多？你了解几种1. props/$emit2. v-slot3. ￥refs/ ￥parent/￥children/￥root4. ￥attrs/￥listener5. provide/inject6. eventBus7. Vuex总结vue组件通信的方式，这是在面试中一个非常高频的问题，我刚开始找实习便经常遇到这个问题，当时只知道回到props和 $emit，后来随着学习的深入，才发现vue组件的通信方式竟然有这么多！1. props/$emitprops和 $emi
2021-12-20 17:46:39
420
原创 git一些简单常用的方法
因为以前公司用的是svn，现公司用gitee管理代码，所以总结下git代码提交的一些简单和常用的方法。首先暂存代码：git add .提交：git commit -m '提交的备注信息'推送：git push -u origin 'git地址名称'拉取更新代码：git pull origin 'git地址名称'合并分支：合并分支是在本地仓库合并，再推送到远端。比如项目有一个主分支master，和自己的分支dev_yanhai。现在想把主分支的代码合并到自己的分之中，首先在
2021-09-27 15:19:47
146
原创 css动画 搜索条件切换
最近项目需要一个动态的搜索条件切换，需要添加一些动画效果，如下图：代码如下：<template> <div> <div class="swich-title"> <div v-for="(li, i) in tab" :key="i" :ref="'ref' + i" class="swich-title-item" :class="selectIndex
2021-09-24 16:38:15
183
原创 el-form检验input数据类型和大小
一般经常会遇到输入框需要输入数字，并且数值大小在什么范围<el-form-item label="首页排序：" prop="sortNo"> <el-col :span="5"> <el-input v-model.number="formObj.sortNo" onblur="this.value=this.value.replace(/\D/g,'')" type="Number" placeholder="排序" />
2021-08-24 09:53:50
752
原创 element时间选择器 选择当前时间和之后的时间
<el-form-item label="称号有效期：" prop="featureEndTime"> <el-date-picker v-model="formObj.featureEndTime" type="datetime" placeholder="选择日期" format="yyyy-MM-dd HH:mm:ss" value-format
2021-08-23 20:32:37
638
原创 日期选择器el-date-picker默认带时分秒
最近有个需求，使用日期选择器要默认带时间<el-date-picker v-model="formObj.serviceTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-d
2021-08-02 11:21:59
5582
原创 vue网页打印后事件失效
现在的网页打印调用window.print()方法，会使网页的事件失效，需要重新刷新才行，这样影响用户体验。本篇就是解决网页打印后事件不失效。首先新建一个print.js文件// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { options = options || {} if (!(this instanceof Print)) return new Print(dom, options);
2021-07-29 10:44:40
1534
2
原创 uniapp微信公众号登录
项目中新建common文件夹，新建文件login.jsfunction getUrlCode() { // 截取url中的code方法 var url = location.search; var theRequest = new Object(); if (url.indexOf('?') != -1) { var str = url.substr(1); var strs = str.split('&'); for (var i = 0; i < strs.lengt
2021-04-20 18:12:09
1204
原创 uinapp封装请求
文章参考 https://www.cnblogs.com/easth/p/uniapp_http.html在项目中新建common文件夹，新建文件http.jsmodule.exports = (params) => { let url = params.url; let method = params.method; let header = params.header || {}; let data = params.data || {}; let token = 'Bearer
2021-04-20 18:08:27
66
原创 关于js中this指向问题和深拷贝，浅拷贝
关于js中this指向问题和深拷贝，浅拷贝this的指向问题深拷贝，浅拷贝总结this的指向问题在了解这个问题前，我们需要看下这两段代码：var obj = { foo: function () { console.log(this.bar) }, bar: 1};var foo = obj.foo;var bar = 2;obj.foo() // 1foo() // 2这种差异的原因，就在于函数体内部使用了this关键字。我们都知道，函数中有this的话，那就是谁调用函数，
2021-04-15 12:12:38
488
原创 vue商品秒杀倒计时
今天做项目需要倒计时具体代码如下：showTimes(val) { let that = this; let interval = setInterval(() => { let nowTime = new Date().getTime(); let startDate = that.obj.endTime; startDate = startDate.replace(new RegExp('-', 'gm'), '/'); let startDate
2021-04-12 18:08:25
929
原创 保留小数点后两位，没有就追加两0
现在项目都要用到金额保留后两位，没有的就要追加0numberTwo(index) { let num = parseFloat(index); if (isNaN(num)) { return false; } num = Math.round(index * 100) / 100; let s = num.toString(); let rs = s.indexOf('.'); if (rs < 0) { rs = s.length;
2021-04-12 18:05:11
196
原创 uniapp页面跳转转码传参
uniapp页面跳转传参checkNormal(item) { let obj={ img:this.goods.carouselImg[0], title:this.goods.title+item.name+item.price+this.goods.otherData.join(','), price:item.price, id:this.goods.id, shopId:this.goods.shopId } uni.navigateTo
2021-04-06 11:20:28
1253
原创 electron热更新
electron热更新最近项目有个客户端更新的需求，客户必须更新最新版本才能使用。当然，使用热更新前你必须回打包electron，不会可以看我上一篇的electron。const {app, BrowserWindow, Menu} =require('electron');//引入electronconst electron=require('electron');const admZip = require('adm-zip');const request = require('reques
2021-03-25 18:09:38
2430
1
原创 element上传图片至七牛云
超简单的上传图片至七牛云<el-row> <el-form-item label="图片" prop="img" label-width="120px"> <el-col :span="20"> <el-upload :action="upload_qiniu_url" :before-upload="beforeUpload" :data="qiniuData" :on-error="up
2021-02-22 14:33:29
578
原创 常用的网站
1.vue-element-admin官网https://panjiachen.github.io/vue-element-admin-site/zh/guide2.electron中文文档https://www.w3cschool.cn/electronmanual/3.vxe-table官网https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install4.基于indexDB的Dexie数据库https://blog.cs
2021-01-22 17:00:15
6686
1
转载 vue下载excel表格模板和导入excel表格数据
vue下载excel表格模板和导入excel表格数据vue制作excel表格模板给前端下载vue制作excel表格模板给前端下载最近有个需求，需要导入excel表格，并且还需要制作模板给用户下载。首先做好模板下载 <el-row> <el-col :offset="20" :span="4"> <el-button size="mini" type="primary" @click="downUp">下载模板</
2020-11-25 19:44:48
1307
1
原创 vue+electron打包桌面应用
vue项目使用electron打包成exe文件需求：需要把vue项目打包生成桌面应用，点击桌面图标进入程序，不需要在浏览器输入地址。而且在没有网络的情况下也能正常使用。效果图图片: 首先你需要一个完整的vue项目，执行打包命令npm run build。然后你的文件夹中有个dist文件夹，在终端cd dist进入dist文件夹下载electron在dist文件夹下执行命令npm install electron 代码片.npm install electron;在dist文件夹下创建ma
2020-09-12 15:54:37
3061
3
原创 vue项目动态创建表格（模板字符串+递归+scss）
根据后端数据（数据格式为多层嵌套数组）动态创建一行对多行的表格效果图html代码 如果表头也是后端数据动态加载，可用for循环js代码mounted: function () { this.oppd() }, methods: { oppd() { let html = this.createTab(this.table1) ...
2019-12-30 14:14:01
2354
原创 vue 多层表格嵌套
**vue 多层表格嵌套**后台数据 `在这里插入代码片var table1 = [ { id: 1, name: "加强组织领导夯实基础工作", sore: "18分", children: [ { id: 11, name: "创建氛围", sore: "9...
2019-12-25 10:22:50
3176
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人