- 博客(56)
- 收藏
- 关注
RSS订阅原创 使用 position:absolute； 定位的元素在ios上被遮盖
在ios上一个元素使用position:absolute;定位后，被其它元素遮盖。在使用absolute的元素上加一行代码。
2024-06-26 16:59:10
446
原创 vue-admin-template项目实现中英文切换
/ 获取当前语言版本使用 this.$store.getters.language。在src目录下新建lang文件夹，里面有3个文件。en.js 和 zh.js是页面中需要翻译的内容。mutations里面增加。actions里面增加。getters里面增加。
2024-04-25 10:41:34
759
原创 vsCode html部分代码换行太多
文件 -> 首选项 -> 设置 -> 搜索vetur -> 在setting.json中编辑。使用vscode格式化文档的时候会出现这种情况。
2024-03-15 14:12:52
874
原创 vue打包后直接本地访问index.html
在vue.config.js 文件，没有的话就新建一个，并添加publicPath: './ ’router.js 把mode改成。
2023-12-20 10:03:47
1417
原创 修改一个数组的值，另一个数组的值也会改变
vue中如果在data中定义了一个数组变量（list），在js中把这个变量的值重新赋值给另一个数组（newList）如果是直接 “ = ” 赋值，这个时候修改newList里面的值，list也会变解决办法使用JSON.parse(JSON.stringify()) （深拷贝）赋值。
2023-11-29 16:41:48
934
原创 vue axios请求设置content-type无效
vue-admin-template开发中在request请求中设置了Content-type，但是在在浏览器中查看请求主体并没有Content-typeservice.interceptors.request.use( config => { if (store.getters.token) { config.headers['X-Token'] = getToken(); } config.headers["Content-type"] = "applic
2023-06-21 12:01:19
2771
原创 uniapp getUserProfile:fail invalid session
uniapp uni.getUserProflie 部分手机调不起来弹窗
2022-09-08 16:51:39
2314
原创 未找到 van-toast 节点，请确认 selector 及 context 是否正确
1.json文件引入"van-toast": "@vant/weapp/toast/index",2.js文件引入import Toast from '@vant/weapp/toast/toast';3.wxml写入<van-toast id="van-toast" />4.js文件使用Toast.loading({ message: '加载中...', forbidClick: true, duration: 500});...
2022-05-10 15:24:59
205
原创 CDN引入vue，使用图片懒加载
在new Vue 之前加入这样一段Vue.use(vant.Lazyload, { lazyComponent: true});html部分<div class="imgs"> <img class="img" v-for="img of imageList" v-lazy="img"></div>F12看效果：
2022-04-27 15:36:29
451
原创 Element 级联选择器获取label
1.先给组件赋一个别名ref=""<el-cascader v-model="sa_name" ref="cascaderAddr" :options="saList" @change="areaChange" :props="{ expandTrigger: 'hover' }"> </el-cascader>2.使用getCheckedNodes()方法let getLabel = this.$refs.cascaderAddr.getCheckedNodes()[0].
2022-04-01 13:44:38
952
2
原创 媒体查询响应式布局
@media only screen and (min-width:280px) and (orientation:portrait) { html { font-size: 27.5px !important; }}@media only screen and (min-width:320px) and (orientation:portrait) { html { font-size: 32px !important; }}@m
2021-12-22 11:00:12
311
原创 文本超两行显示......
width: 100%;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
2021-12-22 10:57:37
186
原创 H5调用扫一扫（支持非微信环境）
***必须在 https 域名下才生效<template> <div> <van-field label="服务商编码" right-icon="scan" placeholder="扫描二维码获取" @click-right-icon="getCameras" /> <div class="scan" :style="{'display':isScan ? 'none' : ''}"> <div id="qr-reader"
2021-12-22 10:52:19
2843
6
原创 HTML禁止页面双击放大
把<head>里面的<meta name="viewport" content="width=device-width,initial-scale=1.0">替换成<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
2021-10-22 09:33:02
1530
原创 webpack不识别es6对象扩展运算符
vue打包时不认识es6扩展运算符写法解决办法先运行cnpm install –save-dev babel-plugin-transform-object-rest-spread项目根目录创建.babelrc文件，如果已有就在里面写一下代码{ "presets": [ [ "es2015", { "modules": false } ] ],
2021-10-14 15:15:50
1422
原创 yyyy-MM-dd HH:mm 时间正则表达式
yyyy-MM-dd HH:mm/^[1-2][0-9][0-9][0-9]-([1][0-2]|0?[1-9])-([12][0-9]|3[01]|0?[1-9]) ([01]?[0-9]|[2][0-3]):[0-5]?[0-9]$/
2021-07-01 15:13:14
917
原创 手机号正则表达式
完整手机号正则表达式/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/
2021-07-01 15:11:42
494
原创 element ui Notification组件重叠问题
出现的问题修改方法data() { return { timer: null }},methods: { showNotifica() { for (let i = 0; i < list.length; i++) {//list是我接口返回数据，需要改成自己 let str = '<p>单号：' + list[i].vender_order_no + '</p><p >事由：' +list[i].c
2021-07-01 15:09:25
350
原创 数组的方法
Array.from() 字符串转为数组Array.from('abc');//["a", "b", "c"]let arr = ['1','2','3'];Array.from(arr,item=> console.log(item)//1,2,3)Array.isArray() 判断是否为数组let arr = ['1','2','3'];Array.isArray(arr);//trueArray.of() 生成数组Array.of(1);//[1]Array.
2021-04-12 09:26:19
235
原创 css实现三角形
<div class="triangle"> <div class="triangle1"></div> <div class="triangle2"></div> <div class="triangle3"></div> <div class="triangle4"></div> <div class="triangle5"></div> <div cla
2021-04-12 08:24:10
167
原创 uniapp swiper组件添加点击事件
微信小程序下写法<swiper circular duration="1000" interval="5000" autoplay> <swiper-item v-for="(item, index) in bannerlist" :key="index" @click="skip(item.url)"> <image class="loaded" :src="item.thumb"></image> </swiper-item><
2021-04-07 13:49:37
4401
原创 js for循环同时得到序号和值
想同时得到arr数组的内容和序号let arr = ['a','b','c','d'];for (let [index, value] of arr.entries()) { console.log('index:',index,'value',value);}
2021-03-30 14:06:36
1948
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人