- 博客(29)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
原创 类似支付宝密码框输入
写一个类似支付宝/微信的密码输入框,找了很久,找到了一段代码,简单修改下<!--四位验证码输入框组件--><template> <view class="security-code-wrap"> <label for="code"> <ul class="security-code-container"> <li class="field-wrap" v-for="(item, index) in
2021-12-14 09:45:48 1683
原创 人生重开模拟器
人生重开模拟器是由VickScarlet 上传至github的一款简单的文字网页游戏,玩家点击链接进入游戏后通过十连抽,从十个天赋中选三个配出一套十分有价值的天赋后就能进入正式的模拟投胎环节想要源码可以@楼主呦,...
2021-12-07 16:57:04 2191
原创 如何获取当月和前几个月的全部日期
如何获取当月和前几个月的全部日期今日分享: // 获取当月前三个月日期 // date 当天日期 列 date='2021-07-31' // monthNum 想要查看前几个月的日期 列 monthNum=3 getThreeMonths(date, monthNum){ let dateArr = date.split('-') let year = dateArr[0]//获取当前日期的年份 let month = dat
2021-07-31 10:15:49 416
原创 前端自动补0函数,padStart,padEnd
前端自动补0函数,padStart,padEnd在开发过程中,会对达不到长度要求时,进行补0处理,padStart():头部补零'12'.padStart(5, '00') // '00012''12'.padStart(4, '00') // '0012'padEnd():尾部补零'12'.padEnd(5, '00') // '12000''12'.padEnd(4, 'ab') // '1200'两个函数的参数 padStart(length,string)第一个参数:用于指定长
2021-06-11 17:53:28 515
原创 el-table表格编号
1:如何添加编号, <el-table-column label="编号" type="index"> </el-table-column>2:遇到问题,分页后编号始终唯从1开始,怎么解决 <el-table-column label="序号" type="index" width="50" align="center"> <template scope="scope"&g
2021-01-22 16:44:21 427
原创 Vue 父子组件之间传参
Vue 父子组件之间传参引入子组件,父组件将要传递的值用v-bind绑定在子组件上,名称可自定义 <vue-regular v-if="flieType=='regular'" :regdata="NumData" @activeNameFun="activeNameFun"></vue-regular>子组件接受在export中用props接受props:{ regdata:{ type:Object }注意,传入数据是异步请求来的数据可以先加载数据之后在传值,这
2020-12-30 10:40:51 59
原创 elmentui table单元格点击修改
在el-table中添加事件函数 @cell-click=“tableEdits” tableEdits(row, column, cell, event) { var that=this; console.log(row,column,cell,event,'------modify----') // ''.includes(column.label) // if (column.label=="产品型号") { i
2020-12-28 09:46:16 191
原创 vue监听缓存信息
vue监听缓存信息在main.js中原型链上导入函数Vue.prototype.resetSetItem = function(key, newVal) { if (key === 'watchStorage') { // 创建一个StorageEvent事件 var newStorageEvent = document.createEvent('StorageEvent'); const storage = { setIt
2020-12-25 17:17:48 551
转载 axios在ie浏览器下提示promise未定义
最近修改项目的兼容性,项目测试ie11兼容性时发现axios会提示promise未定义,在chrome下完全没毛病,怎么去到ie11就报promise未定义了呢?翻了一轮axios的文档终于发现问题原因。在ie11下直接使用axios会报Promise未定义,这是因为axios本质上是封装了ES6语法的promise,而promise在IE上并不兼容。这时只需要引入babel-pollfile就行了。babel-Polyfill相当于一个ES6的兼容垫片, 它会仿效一个完整的ES2015+环境,从而让
2020-12-24 12:56:46 577
原创 js如何阻止冒泡事件
遇到问题,父元素有事件函数,子元素也有,当向单独触发元素事件,连父元素事件也一起触发了,解决方法: if(e&&e.stopPropagation){ e.stopPropagation(); }else{ window.event.cancelBubble = true; } }...
2020-12-16 15:59:57 65
原创 el-select 修改选择框背景色
想将下图的选择框背景色更改,是否也找了好多穿透class标签,结果都没起作用,我也一直在被困扰着,结果突然发现了一个属性值‘’:popper-append-to-body=“false”,就可以解决穿透没任何变化解决方法:在el-select添加:popper-append-to-body="false"属性,之后正常穿透就可以解决问题。...
2020-11-12 17:04:03 4803 1
原创 如何用css伪类写箭头
如何用css伪类写箭头p { width:200px; height:200px; background:black; position:relative;}p::after{ content:''; position:absolute; top:50px; left:50px; border-left:50px solid transparent; border-right:50px solid transparent; border-top:50px solid blue;
2020-10-10 16:50:35 398
原创 引入腾讯地图方法封装
引入腾讯地图方法封装export function TMap(key) { return new Promise(function(resolve, reject) { window.init = function() { resolve(qq); } var script = document.createElement("script"); script.type = "text/javascript";
2020-10-10 14:39:58 497
原创 小程序发送http请求,post请求
小程序发送http请求,通过云函数方法发送http,post请求const cloud = require('wx-server-sdk')// var request = require('request')var request = require('request-promise');cloud.init()// 云函数入口函数exports.main = async (event, context) => { //qz return new Promise((re
2020-09-24 14:51:08 886
原创 设置文字两行或两行以上显示省略号
设置文字两行或两行以上显示省略号效果图展示:解决方法: display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow:ellipsis; font-size:32rpx;
2020-08-26 17:49:20 1282
原创 vue项目打包背景图片丢失,不显示问题
项目打包后,背景图竟然消失了,找到好的解决方案:https://blog.csdn.net/qq_34611721/article/details/80996947
2020-08-04 11:02:45 2015
原创 文本内容过显示两行...查看更多(做笔记)
效果图:实现代码:<template> <div> <header>css实现文本右下角展示查看更多</header> <div :class="[{'box': showBtn}, 'words']" :content="describe"> {{describe}} <span v-if="showBtn" class="btn" @click="show
2020-07-29 11:11:52 2167
原创 小程序版本更新,客户端替换,加入一下代码即可(个人记录下)
// 小程序更新版本代码const updateManager=wx.getUpdateManager()updateManager.onCheckForUpdate( function(res){// 请求完新版本信息的回调 console.log(res.hasUpdate) }) updateManager.onUpdateReady( function(){ wx.showModal({ .
2020-07-24 17:54:59 242
原创 纯vue导出word文档,
<template> <div class="about"> <h1>This is an about page</h1> <button @click="exportWord">导出word</button> </div></template><script>import JSZipUtils from 'jszip-utils'// import JSZip f
2020-07-24 17:52:46 320
原创 Vue-router跳转路由重复报错
标题Vue-router跳转路由重复报错解决方法:在路由配置中加入下面一段话就行了const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}...
2020-06-15 09:49:19 1081 1
原创 echarts环形图如何设置主副标题之间的间距
如何设置主副标题之间的间距如图下:主标题和副标题间距太远,想调整结果不知道怎么调整,那个你肯定是echart文档看的不仔细(楼主也是???? )解决方法:在title中加入itemGap,默认间距为10,这样就欧克了 title:{ text:"1039", subtext:"打卡总数", left:'center', top:'40%', itemGap:2,
2020-06-05 10:40:11 4685 2
原创 wx.showModel如何让content内容换行
wx.showModel如何让content内容换行解决方案:在想换行的位置加入\b,变会自己换行,在微信开发者模拟器上是不会换的,在真机测试中会自动换 wx.showModal({ title:"开锁失败! 您可以:", content:"1:重新扫描二维码\r\n2:紧急时,使用破窗器破窗取出AED", }) ``...
2020-06-02 17:40:41 948 1
原创 echarts如何根据下拉框动态设置数据
echarts如何根据下拉框动态设置数据如图:实现效果:第一种:点击下拉选择框获取数据,渲染到echarts表中;解决方法:获取创建的echart实列化对象,(ew这是我这个表的实列对象),通过getoption获取option对象, var se=document.getElementById('sex') var op=se.options[se.selectedIndex].value; console.log(this.app[se.selecte
2020-06-01 16:39:59 4211 6
原创 wx.showTaost提示框文字限制
wx.showTaost提示框文字限制提示内容明明有很多字,为啥显示一半内容解决方法:·········是因为icon:占据了,一定的内容,只需设置为none wx.showToast({ icon:'none', title: res.data.msg, duration:30000, })...
2020-05-29 15:46:44 873
原创 element-ui 修改环形进度条文字颜色
如图所示,elementUI的环形进度条文字颜色是默认的,如何修改里面的文字呢;解决方法:css穿透,点击F12检查我们修改的元素,在style样式中修改:父元素(要修改元素的父元素)>>> 修改的元素(这里就是.el-progress__text).left_pie_a >>> .el-progress__text{ color:#FCC81D };sass可以用deep...
2020-05-27 10:16:48 5109
原创 如何在echarts饼图上直接显示数据
如何在echarts饼图上直接显示数据,解决方案:需要设置下itemStyle: {normal: {label: {show: true,position: ‘inner’,formatter: ‘{c} ({d}%)’}}}formatter是为了配置你需要显示哪些value
2020-05-21 10:52:04 9852 1
原创 小程序navigator跳转出现阴影
小程序navigator跳转出现阴影点击跳转时,出现黑色阴影,以为是border问题解决方案:navigator有默认点击效果 清楚即可hover-class=“none”
2020-05-21 10:34:35 768
vue 如何实现上边距样式
2020-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人