meiwan123-CSDN博客

原创 vue提交多个表单，如何进行表单验证？

export default { data() { return { baseform: {}, advanceform: {} } }, methods: { // 表单验证最后提交事件 finished() { const from1 = new Promise((resolve, reject) => { .

2021-10-22 10:49:04 578

转载 Vue动态修改index.html中的title和icon图标

如何动态修改Vue项目中的页面title_qq_26780317的博客-CSDN博客_vue动态设置页面titlevue项目--favicon设置以及动态修改favicon - ArthurWong - 博客园两篇博文记录一下

2021-10-18 19:45:18 3764

1. 安装npm install wowjs --save(animate.css会被自动安装，但是这里有坑)2. 在main.js中引入animate.css引入时需要注意看是引入的哪个animate.css文件，在后面有详细讲解。3. 引入wow.js并初始化这里方法有二方法1在main.js中添加import wow from ‘wowjs’Vue.prototype.$wow = wow在组件中new this.$wow.WOW().ini...

2021-10-18 19:41:30 1398

原创 element Table表格加了show-overflow-tooltip 之后没有显示省略号

一般来说<el-table-column v-for="(item, index) in logTableHeader" :key="index" :label="item.label" :prop="item.prop" align="left" show-overflow-tooltip :cel.

2021-06-17 10:47:03 5181 1

原创 vuex中如何使用 mapMutations、mapState

首先vue中的store.js中的内容应该大家都熟悉我还是贴一下代码吧import Vue from 'vue'import Vuex from 'vuex'import persistedState from 'vuex-persistedstate'Vue.use(Vuex)export default new Vuex.Store({ state: { userInfo: null, token: '' }, mutations: { saveT.

2021-06-11 16:12:26 493 1

转载 vue中使用 wow.js 动画插件

1. 安装npm install wowjs --save(animate.css会被自动安装，但是这里有坑)2. 在main.js中引入animate.css引入时需要注意看是引入的哪个animate.css文件，在后面有详细讲解。3. 引入wow.js并初始化这里方法有二方法1在main.js中添加import wow from ‘wowjs’Vue.prototype.$wow = wow在组件中new this.$wow.WOW().init()

2021-06-10 19:18:25 2038

原创 js获取富文本中所有的图片地址

getImgSrc(richtext) { let imgList = []; richtext.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, (match, capture) => { imgList.push(capture); }); return imgList;}

2021-06-07 10:22:45 850

转载 js关于金额的正则表达式

要求：整数位最多16位，小数位最多两位实现： (^[1-9]([0-9]{0,15})(\.[0-9]{1,2})?$)|(^[0-9]{1}(\.[0-9]{1,2})?$) 若不限制位数则： (^[1-9]([0-9]*)(\.[0-9]+)?$)|(^[0-9]{1}(\.[0-9]+)?$)

2021-01-29 16:07:07 1735

原创微信小程序网络请求封装 cookie 添加 cookie 自述 bug修复

今天在上线的小程序中遇到一个bug，关于cookie的问题然后记录下来，弄懂了一下cookie是怎么运作的，首先说这个bug是怎么来的；分析：我的小程序中封装了微信的请求，本身微信的请求是不支持cookie，需要经过处理才能在请求头里带上cookie；所以经过封装的request如下：/* 自己封装的请求方法，用法同wx.request */export function request(obj) { if (!obj.noLoading) wx.showLoading();

2020-12-17 16:44:38 683

转载正则表达式判断金额 0/0.0/0.00 不是金额

js中判断0/0.0/0.00 // let value=(/^(([1-9]\d*)|([0-9]\d*\.\d?[1-9]{1}))$/).test(this.payMoney) // console.log(value) 返回true和false this.payMoney是你输入的值 if( value.test(!this.payMoney)){ } ...

2020-08-06 11:49:47 1951

原创 vue中监听路由参数的变化

在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。mounted: () =>{ this.id = this.$route.query.id; this.initData()}initData()方法中会用到this.id这个参数，在同一页面切换id的值，并不会触发vue的声明周期函数。可以添加路由监听watch: { $route: { handler() {

2020-06-24 10:52:51 1517

转载 Vue 中在全屏Dialog对话框中 iframe 的高度自适应设置

首先是html 这个没啥说的<el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button><div style="height: 100%"> <el-dialog title="Activiti工作流在线流程设计编辑" :fullscreen="true" st...

2020-06-19 15:18:01 4553

原创媒体查询 @media 计算宽高的方法

媒体查询 @media 计算宽高的方法先看代码<img class="img_l" src="../../../static/img/homemian.png" alt="">.img_l { position: absolute; top: 46px; right: 0px; width: 1141px; height: 594px;}@media screen and (max-width: 1367px) { .im

2020-05-28 20:03:44 1565

原创 Element中再标签中动态rules验证输入框的值可以写很多条件的 rules数组

<el-form-item class="formaddym" v-for="(domain, index) in orgForm.domains" :label="index == 0 ? '锚节点信息' : ''" :key="domain.key" :prop="'domains.' + index + ...

2020-04-28 15:45:22 2426

原创 vue src拼接引用本地图片使用本地的图片不显示

直接贴代码<el-col :span="4" v-for="(item, index) in listData" :key="index">  //动态拼接地址，使用本地的图片不显示 <i...

2020-04-28 15:32:06 2019 1

原创 mpvue小程序上拉加载更多分页

我也是网上找的代码然后自己修改成自己的吧其实网上也挺多的。首先是css文件我的页面是这样的<div :class="[ isItemDtos ? 'recordsNoe':'records']"> <ul> <li class="table" v-for="(item, index) in app_list" ...

2020-04-27 11:04:47 525

原创微信小程序中 mpvue中div或者view中放纯数字或字母不会自动换行

在div css布局中，文字在DIV或任意盒子中超出设置宽度均会自动换行，但是遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。可以使用css将其强制换行：word-wrap:break-word...

2020-04-26 17:19:38 576

原创小程序小程序中文本换行之后内容重叠，

<view class="headline" > <text >{{title}} </text></view>.headline { width: 100%; height: 40rpx; justify-content: center; /**内容居中*/ vertical-align: c...

2020-04-22 11:24:25 708

原创 IOS/iPhone的Safari不兼容Javascript中的Date( YYYY-MM-DD HH:mm:ss 或者YYYY/MM/DD HH:mm:ss这样的时间格式)问题

创建一个js文件放入代码import v from '../../main';function renderTime(date) {// IOS/iPhone的Safari不兼容Javascript中的Date( YYYY-MM-DD HH:mm:ss 或者YYYY/MM/DD HH:mm:ss这样的时间格式)问题 if (!date) return; let a...

2020-04-16 10:37:36 578

原创特殊事件格式2019-01-03T00:18:21.000+0000转化成正常格式

//特殊事件格式2019-01-03T00:18:21.000+0000转化成正常格式 renderTime(date) { var dateee = new Date(date).toJSON(); return new Date(+new Date(dateee) + 8 * 3600 * 1000) .toISOString() ...

2020-04-16 10:33:03 557

原创 vscode中 vuetur配置编写vue项目标签属性如何格式化-

2018.10.31更新一下vetur用了新的html格式化工具，预计过段时间就会默认启用新的格式化工具seeprettyhtml文档在这里https://vuejs.github.io/vetur...然后看到说详细设置点这里https://github.com/vuejs/vetu...然后在看到有这么多熟悉// Wrap attributes to new lines [a...

2020-03-18 16:48:45 4726

原创 vue中使用Element-UI组件之分页 el-pagination 接上两篇文章

直接上代码分页组件的使用<template> <div class="allianceInfo"><el-table ref="allianceData" :data="allianceData" style="width:100%" tooltip-effect="dark" bordered @selection-change="handleSel...

2020-03-18 14:33:36 318

转载 Element UI 弹窗（Dialog）改成自适应高度，仅body内容部分滚动

定义样式如下：.abow_dialog { display: flex; justify-content: center; align-items: Center; overflow: hidden; .el-dialog { margin: 0 auto !important; height: 90%; ...

2020-03-18 14:03:45 4034

原创 Element-UI组件之分页el-pagination封装

首先这个封装会使用到vue中的混入首先看混入是什么vue的mixins的使用mixins就是混入。可以看下这篇文章vue混入概念或者百度一下主要有三个文件pageMixin.js 文件第二个文件Pagination.vue第三个文件你自己的 test.vue 需要引用的 pageMixin.js 文件和分页组件 Paginatio...

2020-03-06 16:52:22 1150

原创 vue中使用Element-UI组件之分页 el-pagination 组件基本使用方法

先看官方文档说明再来看此片文章html页面<el-pagination class="pagination" @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="pageLimit" l...

2020-03-06 16:00:13 10838

原创 js中 if(){} 中没条件的情况下的结果例如if(a) { }

if (this.listData.sourceImage) {//上面这个if（）{}//if()里面的值可过滤 undefined ，null，空字符串，0//代表 this.listData.sourceImage== undefined 或者 == null 或者 ==空字符串、或者 ==0//的时候就不执行里面的语句会执行else{}里面的语句反之有值得情况下...

2020-02-24 15:44:33 689

原创 Vant Weapp DatetimePicker 微信小程序时间选择设置只能选择当天到前一天的时间限制

Vant Weapp DatetimePicker 微信小程序时间选择设置只能选择当天到前一天的时间限制微信小程序我的项目需要设置时间为选择当天和前一天12：00以后的时间。那么如何设置呢？文档里面有一个最大值和最小值这是示例代码选择完整时间value 为时间戳<van-datetime-picker type="datetime" value="{{ c...

2020-01-07 16:51:44 9329

原创 iview DatePicker 时间范围设置不可选日期可以选择当天

iview中设置属性 options 对象中的 disabledDate 可以设置不可选择的日期怎么做？上一篇文章其实已经介绍了直接把代码放到工程中运行一下你就能看懂主要是判断disabledDate值的判断如果可以选择当天这个判断该怎么写我也是网上找到的来这里记一笔以后忘了翻出来看看 <Date...

2019-12-10 17:36:54 4841

原创 iview - 日期选择控件datePicker格式闲置前一天时间

这段代码拿过去用就是了分分钟看懂<template> <div> <Form ref="formRef" :model="formData" :rules="rules"> <FormItem label="开始时间" prop="startTime"> <DatePicker ...

2019-12-05 17:14:20 286

原创绝对定位的盒子怎么居中css

div{ width: 600px; height: 60px; background: #13ce66; position: absolute; left: 50%; top: 0; margin-left: -300px; /*组件真实宽度的一半这里是600的一半*/}当作公式记录下来，就是left: 50%; margin...

2019-08-16 11:40:55 544

原创 css 背景图片居中的方法

直接一句代码搞定哈.botoom-inner{ background: url(../images/logo.jpg) no-repeat top center;}宽高自己定就行了希望对小白有帮助

2019-07-25 11:24:25 9701

转载微信小程序自定义拍照 camera前置摄像头切换后置摄像头mpvue方式

直接上代码吧拿去用就对了我看的别个的修改过来的他是小程序写的转载地址：https://blog.csdn.net/zzwwjjdj1/article/details/79374338我用mpvue稍微改动了一下用起没的问题这是整个vue文件需要的拿去改改就可以用了很方便 <template> <div class="identif...

2019-07-16 10:11:04 8330

原创 jqPaginator分页的使用方法

简要教程jqPaginator.js是一款强大的jquery分页插件。该jquery分页插件简洁大方，可以高度自定义，适用于多种场景。在页面中引入jquery和jqPaginator.js文件。<script src="js/jquery.min.js"></script><script src="js/jqPaginator.js">&l...

2019-07-01 17:39:59 8389

转载字母,数字,下划线或者数字的正则表达式

只含有汉字、数字、字母、下划线，下划线位置不限 ^[a-zA-Z0-9_\u4e00-\u9fa5]+$其他的例子：1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$2.非负整数（正整数 + 0 ）: ^/d+$3. 正整数: ^[0-9]*[1-9][0-9]*$4.非正整数（负整数 + 0）： ...

2019-05-08 14:45:25 3240

原创微信小程序分页上滑加载

微信上滑加载有一个事件/** * 页面上拉触底事件的处理函数 */ onReachBottom() { // 显示加载图标 wx.showLoading({ title: '玩命加载中', }) // this.onloadrecordsList() this.getMore1() ...

2019-04-28 16:46:43 1671

转载 Js实现16/19位银行卡号前端校验

//luhn校验规则：16位银行卡号（19位通用）: // 1.将未带校验位的 15（或18）位卡号从右依次编号 1 到 15（18），位于奇数位号上的数字乘以 2。 // 2.将奇位乘积的个十位全部相加，再加上所有偶数位上的数字。 // 3.将加法和加上校验位能被 10 整除。　 //bankno位银行卡号 function luhnCheck(bankn...

2019-04-23 18:18:24 3006

原创微信小程序验证码输入框类似支付宝微信密码输入框 mpvue写的小程序

效果图如下<template> <div class="securitycode"> <div class="securitycodehome" style="background:url(http://m.qpic.cn/psb?/V14TeBIu0Cd0j7/55xIGvuSC4WpEJpytA97FVUu9G6Y8E8LJFzh...

2019-04-22 12:06:19 1227

原创如何用js提取字符串中(url)的某一段字符

问题比如:http://www.baidu.com/id=2837&diu=6574&it=87687如何提取2837这段数字。我用var b = "http://www.baidu.com/id=2837&diu=6574&it=87687".replace(/^.+id\=/,''); 提取的是2837&diu=6574&it=8768...

2019-04-18 16:18:28 4427 1

转载小程序中使用MpVue框架+VantUI，编译正常但是小程序开发工具中展示时报错

小程序中使用MpVue框架+VantUI，编译正常但是小程序开发工具中展示时报错解决办法：小程序开发工具中ES6转Es5app created and cache logs by setStorageSyncVM2607:1 thirdScriptErrorsdk uncaught third Errormodule "static/vant/checkbox/index.j...

2019-03-07 12:01:42 495

转载 JS密码校验规则前台验证(不能连续字符（如123、abc）连续3位或3位以上)(不能相同字符（如111、aaa）连续3位或3位以上)

密码必须为8到16位且必须包含数字和字母密码必须包含特殊字符【_&#%】不能连续字符（如123、abc）连续3位或3位以上不能相同字符（如111、aaa）连续3位或3位以上 /** * 外层密码修改 */(function(){ var modifyPassword = {};//------这个可以自己去修改--不同的页面取名不一样 /** ...

2019-02-27 16:31:24 12055 3

jqPaginator.min.js

使用Glide动态加载圆形图片和圆角图片

空空如也