vue
meiwan123
这个作者很懒,什么都没留下…
展开
-
vue提交多个表单,如何进行表单验证?
export default { data() { return { baseform: {}, advanceform: {} } }, methods: { // 表单验证最后提交事件 finished() { const from1 = new Promise((resolve, reject) => { .原创 2021-10-22 10:49:04 · 598 阅读 · 0 评论 -
Vue动态修改index.html中的title和icon图标
如何动态修改Vue项目中的页面title_qq_26780317的博客-CSDN博客_vue动态设置页面titlevue项目--favicon设置以及动态修改favicon - ArthurWong - 博客园两篇博文 记录一下转载 2021-10-18 19:45:18 · 4231 阅读 · 0 评论 -
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 · 5871 阅读 · 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 · 513 阅读 · 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 · 2252 阅读 · 0 评论 -
js获取富文本中所有的图片地址
getImgSrc(richtext) { let imgList = []; richtext.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, (match, capture) => { imgList.push(capture); }); return imgList;}原创 2021-06-07 10:22:45 · 898 阅读 · 0 评论 -
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 · 1878 阅读 · 0 评论 -
正则表达式判断金额 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 · 2089 阅读 · 0 评论 -
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 · 1533 阅读 · 0 评论 -
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 · 4765 阅读 · 0 评论 -
媒体查询 @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 · 1608 阅读 · 0 评论 -
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 · 2473 阅读 · 0 评论 -
vue src拼接引用本地图片 使用本地的图片不显示
直接贴代码<el-col :span="4" v-for="(item, index) in listData" :key="index"> <!--<img src="'../../assets/img/'+item.imgUrl)" alt="">--> //动态拼接地址,使用本地的图片不显示 <i...原创 2020-04-28 15:32:06 · 2047 阅读 · 1 评论 -
微信小程序中 mpvue中div或者view中放纯数字或字母不会自动换行
在div css布局中,文字在DIV或任意盒子中超出设置宽度均会自动换行,但是遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。可以使用css将其强制换行:word-wrap:break-word...原创 2020-04-26 17:19:38 · 629 阅读 · 0 评论 -
小程序小程序中文本换行之后内容重叠,
<view class="headline" > <text >{{title}} </text></view>.headline { width: 100%; height: 40rpx; justify-content: center; /**内容居中*/ vertical-align: c...原创 2020-04-22 11:24:25 · 830 阅读 · 0 评论 -
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 · 609 阅读 · 0 评论 -
特殊事件格式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 · 598 阅读 · 0 评论 -
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 · 4855 阅读 · 0 评论 -
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 · 334 阅读 · 0 评论 -
Element-UI组件之分页el-pagination封装
首先这个封装会使用到vue中的混入 首先看混入是什么vue的mixins的使用mixins就是混入。可以看下这篇文章vue混入概念或者百度一下主要有三个文件pageMixin.js 文件第二个文件Pagination.vue第三个文件你自己的 test.vue 需要引用的 pageMixin.js 文件和 分页组件 Paginatio...原创 2020-03-06 16:52:22 · 1175 阅读 · 0 评论 -
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 · 11019 阅读 · 0 评论 -
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 · 718 阅读 · 0 评论 -
Vant Weapp DatetimePicker 微信小程序 时间选择 设置只能选择当天到前一天的时间限制
Vant Weapp DatetimePicker 微信小程序 时间选择 设置只能选择当天到前一天的时间限制微信小程序 我的项目 需要设置时间 为 选择当天和前一天12:00以后的时间。那么如何设置呢?文档里面有一个最大值和最小值这是示例代码选择完整时间value 为时间戳<van-datetime-picker type="datetime" value="{{ c...原创 2020-01-07 16:51:44 · 9617 阅读 · 0 评论 -
iview DatePicker 时间范围设置不可选日期 可以选择当天
iview中设置属性 options 对象中的 disabledDate 可以设置不可选择的日期怎么做?上一篇文章其实已经介绍了 直接把代码放到工程中 运行一下你就能看懂主要是判断disabledDate值的判断如果可以选择当天 这个判断该怎么写 我也是网上找到的 来这里记一笔 以后忘了翻出来看看 <Date...原创 2019-12-10 17:36:54 · 4946 阅读 · 0 评论 -
iview - 日期选择控件datePicker格式 闲置 前一天时间
这段代码拿过去用就是了 分分钟看懂<template> <div> <Form ref="formRef" :model="formData" :rules="rules"> <FormItem label="开始时间" prop="startTime"> <DatePicker ...原创 2019-12-05 17:14:20 · 303 阅读 · 0 评论 -
微信小程序自定义拍照 camera前置摄像头切换后置摄像头mpvue方式
直接上代码吧 拿去用就对了 我看的别个的修改过来的 他是小程序写的转载地址:https://blog.csdn.net/zzwwjjdj1/article/details/79374338我用mpvue稍微改动了一下 用起没的问题这是整个vue文件 需要的拿去改改就可以用了很方便 <template> <div class="identif...转载 2019-07-16 10:11:04 · 8552 阅读 · 0 评论 -
字母,数字,下划线或者数字的正则表达式
只含有汉字、数字、字母、下划线,下划线位置不限 ^[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 · 3340 阅读 · 0 评论 -
微信小程序分页上滑加载
微信上滑加载有一个事件/** * 页面上拉触底事件的处理函数 */ onReachBottom() { // 显示加载图标 wx.showLoading({ title: '玩命加载中', }) // this.onloadrecordsList() this.getMore1() ...原创 2019-04-28 16:46:43 · 1689 阅读 · 0 评论 -
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 · 3033 阅读 · 0 评论 -
微信小程序 验证码输入框 类似支付宝 微信 密码输入框 mpvue写的小程序
效果图如下<template> <div class="securitycode"> <div class="securitycodehome" style="background:url(http://m.qpic.cn/psb?/V14TeBIu0Cd0j7/55xIGvuSC4WpEJpytA97FVUu9G6Y8E8LJFzh...原创 2019-04-22 12:06:19 · 1253 阅读 · 0 评论 -
小程序中使用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 · 514 阅读 · 0 评论 -
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 · 12702 阅读 · 3 评论