jmymy0-优快云博客

原创 elementUI el-select allow-create属性创建新条目时限制输入字符长度

multiple为false时，单选则只需要对单个input添加限制即可。multiple为true时，多选则需要对每个input添加限制。

2023-03-13 10:57:28 1376

原创 element-ui NavMenu 导航菜单，默认显示多级菜单的第一个页面

html <el-menu :unique-opened="true" :router="true" background-color="#f6f6f7" text-color="#000" :default-active="routerPath" @open="handleOpen" :default-openeds='defaultOpenedsArray' > <div v-for="(item,taskIndex

2021-06-03 14:17:52 6475 3

原创 vue vant的ImagePreview组件 ios预览图片放大后模糊亲测有效

百度了好多，大多是图片加 transform:translateZ(0); 但是没有用解决方法先找到 node_modules 依赖包下面的 vant 文件夹vant—es—image-preview—ImagePreview.js文件（注意是es文件下，不是lib,之前一直改的lib下的不生效）scale3d改成scale ，参数换成单个就好了 if (scale !== 1) { style.transform = "scale(" + scale+ "...

2020-08-19 11:25:30 984

原创 vue用户长时间未操作退出登录返回首页

1.在utils下新建isOperate.js// 用户长时间未操作退出登录 import store from '../store'import router from '../router'var timer = nullclearInterval(timer)export function isOperateFun(callback) {//callback做一个回调，在本js里处理不用写回调 var lastTime = new Date().getTime()

2020-08-07 15:30:20 1392

原创 vue反向代理

vue.config.js// 反向代理module.exports = { publicPath:'./', assetsDir:'./', devServer: { disableHostCheck:true, proxy: { '/api': { target: 'http://192.1.1.1:8088/',//设置你调用的接口域名和端口号别忘了加http

2020-06-23 16:01:54 466 2

原创封装cookie直接使用

cookie.jsexport function addCookie(objName, objValue, objHours){//添加cookie var str = objName + "=" + escape(objValue); if (objHours > 0) {//为0时不设定过期时间，浏览器关闭时cookie自动消失 var date = new Date(); var ms = objHours * 3600 * 1000;

2020-06-23 15:53:59 189

原创 from表单提数据，遍历

1.遍历排序初始新增删除都调用<form class="form"> <notempty name="data">//php写法 <input type="text" placeholder="" name="location" value="{$data[0] ['address']}" readonly>//rea...

2019-09-27 17:33:24 610

原创 semantic-ui-calendar 日期插件默认格式修改

1----引入直接跳过下面代码实现以下格式<html> <div class="ui calendar start_time" > <label>开始：</label> <div class="ui input right icon"> ...

2019-09-27 17:06:19 2710 3

原创自定义radio按钮样式

<div class="table" ><div class="body"><h4 class="title"><span class="label">表2-1</span><span class="caption">某年某&lt

2019-03-15 15:03:08 658

原创样式

outline:#f2f0e1solid 8px;:beforeli content: '●';display: flex;align-items: center;justify-content: center; 搜狗输入法 v1迎合长度 width: fit-content;-webkit-width: fit-conten...

2019-01-05 12:32:25 192 3

原创缓存暂时存储在sessionStorage，超简单vue缓存 include

修改资料的时候，比如修改姓名，点击修改头像会跳转其他面，再回来时刚修改的姓名会恢复原始数据，下面就是解决这个问题：HTML：<div @click="picture"> <div class="touW">头像</div> <i class="right"> <img

2018-11-05 17:36:58 1223

原创 vue图片放大缩小

//图片<div v-for="item in list"> <img @click="bigimg(item.path)" v-if="item.path!=''" :src=text1()+item.path> </div>//放大<div class=&quo

2018-09-30 11:12:10 3318

原创 js数字系统自动排序

// 自定义年份 var date = new Date; var year = date.getFullYear(); var a = {}; for (var bir = 1900; bir <= year; bir++) { a[bir] = bir } ...

2018-09-28 11:16:38 1389

原创支付宝支付/退款，前端代码

前言：那些申请支付宝秘钥什么的是后端弄好的1.选择相应的模块2.生成自定义loader，并下载到手机支付宝配置config.xml文件，value里id要与上面一致，3.支付功能：（1）向后台传入需要的参数，获取支付宝返回的表单数据传值如： data:{ pay_type:'alipay',//调支付宝 user...

2018-09-03 11:27:56 2129 1

原创视频上传，可以限制大小

HTML:<template><div class="video-box"> <div class="space-header"> <img @click="goBack()" class="left" src="../../../../images/icon_fanhui_daohang@2x.png&

2018-08-03 09:41:07 3540

原创 VUE上传头像，从相册选择、调用摄像头，ios适用transPath的转换

HTML <div class="picture"> <div class="upload"> //这个图片是田字格，样式 <img @click="bb" v-show="add&

2018-07-25 14:39:24 8282 2

原创 vue watch的简单用法

HTMML 里 <select v-model="val" > <option value="1">单板</option> <option value="2">双板</option>

2018-07-25 14:07:31 938

原创 vue地址国省市三级联动显示/传值

HTML  <li><span >地址</span> <div> <select name="sel" id="sel" v-model="address" @change="change&

2018-07-25 13:55:42 2347

原创 mint-ui,日期插件，默认NAN解决

import {DatetimePicker} from 'mint-ui'; //引入时间插件//script引入html里：<li @click="openPicker"><span class="mingC">生日：</span> <span class="right">

2018-07-17 11:40:13 2137

原创 vue 基础

一：跳转1.跳转lookMore() {//接参，传参//1:var id=window.location.href.split("=")[1]//2:let id = that.$route.query.schoolid let id = that.$route.params.id this.$router.push({path:'/look_more',...

2018-07-16 19:58:02 748

原创 push通知栏

1 // 判断手机上var id=[] delCookie("message") if (api.notification){ // 弹出通知栏 api.notification({ notify: { title: “xx通知”, content: “你好” ...

2018-07-13 09:49:31 3322

jmymy0的博客