- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue拖拽悬浮球
创建组件dragBallComponent.vue<template> <div class="drag-ball" ref="dragBall" @touchstart.stop.prevent="touchstart" @touchmove.stop.prevent="touchmove" @touchend.stop.prevent="touchend"> <div class="drag-content"> <slot name="
2021-07-23 11:54:03
695
原创 element时间组件修改不更新
网上的好多办法都不行，胡说八道，直接这样完美解决<el-date-picker style="width:400px;" v-model="formData.answers.time" @input="daterangeChange" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange
2020-12-08 10:52:57
530
2
原创 el-dialog嵌套问题解决
两个el-dialog嵌套只需要在子组件上加:modal-append-to-body='false' :append-to-body='true'即可。。。。
2020-11-04 15:42:22
1260
原创 js复制文本到剪切板
公共方法//h5复制文本到剪切板 copyContentH5: function (content) { var copyDom = document.createElement('div'); copyDom.innerText=content; copyDom.style.position='absolute'; copyDom.style.top='0px'; copyDom.style.right='-
2020-10-10 15:54:30
172
原创 vue在ios中输入框需要点击多次
在min.js中添加以下代码FastClick.prototype.focus = function(targetElement) { let length if (targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month')
2020-08-17 09:50:30
437
1
原创 时间24小时制
var date=new Date(); var newdate=date.toLocaleString('chinese', { hour12: false }); //获取24小时制，中国时间，打印出 2019/01/03/ 08:40:32 console.log(newdate)
2020-07-21 10:41:01
224
原创 element点击查看大图
element源码中的组件<template> <div> <el-button @click="onPreview">预览</el-button> <el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-lis
2020-06-16 14:13:24
3012
1
原创 Canvas生成证书
html部分<div> <div class='item'> <form action="" name="name_form" method="get"> <div> <div>姓名</div> <div> <input type="text" id="your_na
2020-06-01 17:49:38
874
原创 摘抄
1、读一些无用的书，做一些无用的事，花一些无用的时间，都是为了在一切已知之外，保留一个超越自己的机会，人生中一些很了不起的变化，就是来自这种时刻。——梁文道
2020-05-12 10:28:20
186
原创 vue动态设置元素宽度
引入import elementResizeDetectorMaker from 'element-resize-detector'写在html上:style="{width: operatewidth + 'px'}"计算mounted() { const _this = this const erd = elementResizeDetectorMaker() // enterpriseinfo-container 父级id if (document.get
2020-05-09 10:37:22
6371
原创 element验证可以为空但大于零的值
代码，复制即可用sort: [ { validator: (rule, value, callback) => { if (value !== '') { if ((/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/).test(value) === false...
2020-04-10 14:16:27
3913
原创 密码正则
密码长度必须大于等于8位。必须包含大写字母、小写字母、数字、特殊字符中的3种。 const reg = /^(?!.*\s)(?!^[\u4e00-\u9fa5]+$)(?!^[0-9]+$)(?!^[A-z]+$)(?!^[^A-z0-9]+$)^.{8,16}$/...
2020-04-09 11:12:33
854
原创 微信设置文字大小影响网页布局
只需要引入下列代码如果在vue中将代码写在index.html文件里 @RenderBody() <script type="text/javascript"> (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "fu...
2020-02-25 13:42:36
1901
3
原创 element表单验证，自定义验证
<template> <div> <el-dialog :visible.sync="dialogVisible" title="个人信息" center width="450px" top="25vh" append-to-body @close="closeDialog" > <el-form ref="infoForm" :r...
2020-02-17 17:47:50
799
原创 vue微信分享插件
1.安装weixin-js-sdknpm install weixin-js-sdk2.闯进文件并引入创建wxshare.js3.在wxshare.js中编写插件import wx from 'weixin-js-sdk'import URL from '@/common/urlConfig'export const shareTitle = '测试';export con...
2020-02-17 15:43:17
703
2
原创 时间格式化成几天前
getDateDiff(dateTime) { var str = dateTime; let result = '' //将字符串转换成时间格式 var timePublish = new Date(str); var timeNow = new Date(); var minute = 1000 ...
2020-01-06 15:03:08
216
转载 vue 多级展开列表与递归组件的使用（超简单）
今天我们继续使用 Vue 的撸我们的实战项目，只有在实战中我们才会领悟更多，光纸上谈兵然并卵，继上篇我们的《Vue一个案例引发的动态组件与全局事件绑定总结》 之后，今天来聊一聊我们如何在项目中使用递归组件。信息的分类展示列表这次我们主要是实现一个信息的分类展示列表存在二级/三级的分类，如下如所示：看到这个很多人会想到这个实现起来很简单啊，来个嵌套循环不就完事了。对，你说的没错，事实就是这...
2019-07-25 09:19:58
3400
原创 wangeditor富文本编辑器
vue常用富文本编辑器wangeditor子组件代码父组件代码在这里接受子组件传过来的参数，赋值给data里的参数wangeditor** 最终效果**首先安装wangeditor$ npm install wangeditor将wangeditor 封装成组件方便使用子组件代码// wangeditor<template> <div id="wang...
2019-07-17 16:57:35
613
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人