- 博客(53)
- 收藏
- 关注
RSS订阅原创 vsCode html部分代码换行太多
文件 -> 首选项 -> 设置 -> 搜索vetur -> 在setting.json中编辑。使用vscode格式化文档的时候会出现这种情况。
2024-03-15 14:12:52
414
原创 vue打包后直接本地访问index.html
在vue.config.js 文件，没有的话就新建一个，并添加publicPath: './ ’router.js 把mode改成。
2023-12-20 10:03:47
685
原创 修改一个数组的值，另一个数组的值也会改变
vue中如果在data中定义了一个数组变量（list），在js中把这个变量的值重新赋值给另一个数组（newList）如果是直接 “ = ” 赋值，这个时候修改newList里面的值，list也会变解决办法使用JSON.parse(JSON.stringify()) （深拷贝）赋值。
2023-11-29 16:41:48
488
原创 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
1776
原创 uniapp getUserProfile:fail invalid session
uniapp uni.getUserProflie 部分手机调不起来弹窗
2022-09-08 16:51:39
2105
原创 未找到 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
159
原创 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
384
原创 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
826
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
247
原创 文本超两行显示......
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
146
原创 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
2526
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
1391
原创 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
1187
原创 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
784
原创 手机号正则表达式
完整手机号正则表达式/^(((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
429
原创 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
269
原创 数组的方法
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
162
原创 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
103
原创 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
3869
原创 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
1798
原创 uniapp 支付宝小程序swiper组件错位
在微信开发者工具控制台可以看到默认加了position:absolute属性而支付宝小程序运行工具没有加。。。。可以看到第二张图片跑到区域下面去了原因：在支付宝小程序中不会给<swiper-item>标签添加**position:absolute**属性解决办法：.swiper-item {position:absolute}...
2021-03-27 14:03:50
677
原创 vendor.js:5663 [Vue warn]: Property or method “toJSON“ is not defined on the instance but referenced
解决办法：methods: { toJSON() {},}
2021-03-26 16:37:30
438
原创 JS字符串转数组
var str = '123,456,789';var arr = str.split(',');console.log(arr) //输出["123", "456", "789"]
2021-03-02 16:25:23
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人