- 博客(21)
- 收藏
- 关注
RSS订阅原创 elementUI el-select allow-create属性 创建新条目时限制输入字符长度
multiple为false时，单选则只需要对单个input添加限制即可。multiple为true时，多选则需要对每个input添加限制。
2023-03-13 10:57:28
1039
原创 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
6256
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
906
原创 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
1285
原创 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
441
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
162
原创 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
584
原创 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
2669
3
原创 自定义radio按钮样式
<div class="table" ><div class="body"><h4 class="title"><span class="label">表2-1</span><span class="caption">某年某<
2019-03-15 15:03:08
635
原创 样式
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
170
3
原创 缓存暂时存储在sessionStorage，超简单vue缓存 include
修改资料的时候，比如修改姓名，点击修改头像会跳转其他面，再回来时刚修改的姓名会恢复原始数据，下面就是解决这个问题：HTML：<div @click="picture"> <div class="touW">头像</div> <i class="right"> <img
2018-11-05 17:36:58
1130
原创 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
3296
原创 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
1348
原创 支付宝支付/退款，前端代码
前言：那些申请支付宝秘钥什么的是后端弄好的1.选择相应的模块2.生成自定义loader，并下载到手机支付宝配置config.xml文件，value里id要与上面一致，3.支付功能：（1）向后台传入需要的参数，获取支付宝返回的表单数据传值如： data:{ pay_type:'alipay',//调支付宝 user...
2018-09-03 11:27:56
2065
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
3473
原创 VUE上传头像，从相册选择、调用摄像头，ios适用transPath的转换
HTML<!--上传证书图片--> <div class="picture"> <div class="upload"> //这个图片是田字格，样式 <img @click="bb" v-show="add&
2018-07-25 14:39:24
8238
5
原创 vue watch的简单用法
HTMML 里 <select v-model="val" > <option value="1">单板</option> <option value="2">双板</option>
2018-07-25 14:07:31
898
原创 vue地址国省市三级联动显示/传值
HTML <!-- 国家 --> <li><span >地址</span> <div> <select name="sel" id="sel" v-model="address" @change="change&
2018-07-25 13:55:42
2318
原创 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
2102
原创 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
695
原创 push通知栏
1 // 判断手机上var id=[] delCookie("message") if (api.notification){ // 弹出通知栏 api.notification({ notify: { title: “xx通知”, content: “你好” ...
2018-07-13 09:49:31
3291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人