- 博客(138)
- 收藏
- 关注
RSS订阅原创 this.$set
就用 this.$set(this.originPageList[i], ‘screenType’, ‘wide’);用于改数组，但页面没有更新。
2024-02-05 16:11:57
418
原创 js数组高效去重
leteventIds=[1,1,2,2,3]leta=Array.from(newSet(eventIds));a=[1,2,3]
2022-07-28 15:19:56
268
1
原创 TypeError: this.getOptions is not a function
TypeError: this.getOptions is not a function直接用：npm install less@3.9.0 less-loader@4.1.0 --save-devnpm install -D sass-loader@10.1.1 sass就用这俩，完美解决
2021-12-29 16:33:15
398
原创 边框线跟主体宽度不一致
如这种都在一个盒子里，设置边框长度不要跟主体长度一致.choose_tab { color: $theme-color; font-weight: bold; font-size: 40rpx; color: #323843; display: flex; flex-diretion: column; flex-wrap: wrap; // border-bottom: 10rpx solid #6898ff; } .choose_.
2021-10-18 14:25:31
182
原创 把一个数组分成7个为一组
var arrLen = 7; //这里一行数组最多7个 var newDataArr = []; for (var i = 0; i < this.xqform.temps.length; i += arrLen) { newDataArr.push(this.xqform.temps.slice(i, i + arrLen)); } console.log("newDataArr", newDataArr); this.newDataArr ..
2021-08-19 09:24:16
815
原创 vue-点击高亮
这里写目录标题htmljscsshtml <div class="arrange_content_bottom"> <div class="arrange_content_bottom_floor" v-for="(i,v) in fj" :key="v"> {{i.floorNo}}层 <div class="arrange_content_bottom_title">
2021-08-19 09:21:49
277
原创 res跟refs
res跟refsHTML调用HTML先引入组件 <div class="xxinput"> <!-- 中高风险地区临时隔离组件 --> <temporaryIsolation v-if="isTemporaryIsolation" ref="zg"></temporaryIsolation> <!-- 南京禄口集中隔离组件 --> <nanjingLukou v-if="i
2021-08-18 17:54:18
265
原创 vue-element联级列表使用懒加载
html <el-form-item class="formitem" label="旅居地区：" prop="livingArea1"> <el-cascader v-if="!isljdz" clearable style="width:90%" placeholder="可搜索地区" .
2021-08-18 17:46:28
240
原创 如果遇到for in那些不好遍历的，记得用map
const nodes = form.labDays.map(item => ({ // bedCount: form.bedCount, // floorNo: item.labDaysName // remark: form.remark, // windowFlag: form.windowFlag, roomNo: item.labDaysName }));
2021-08-18 17:42:48
236
原创 vue-后端传流文件前端下载api改变
在请求接口封装中，增加httpimgimport axios from 'axios'import store from '../store/index'import router from '../router/index'import { Message} from 'element-ui'import { getToken} from '@/utils/auth'const serverIP = '/api'const http = axios.create({
2021-08-18 17:39:15
169
原创 使用VueFroala富文本
使用VueFroala富文本main.jsHTMLdatamain.jsimport VueFroala from ‘vue-froala-wysiwyg’// 添加富文本框Vue.use(VueFroala)// froala/富文本配置Vue.prototype.froalaConfig = { language: 'zh_cn', imageUploadURL: '/commonServiceServer/background/api/common/uploadImage',
2021-07-27 10:55:26
1172
原创 vue-图片上传压缩
html <van-uploader style="height: 90%;width: 100%;margin: 0 auto;" preview-size="100%" v-model="hrpageform" :preview-image="true" :before-read="beforeAvatarUpload" accept="image/*" :before-delete="delhspage" :after-read="afterRead" max-count="1">
2021-01-08 11:30:38
143
原创 vue移动端实现图片点击放大
main:import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'let options = { fullscreenEl: false,}Vue.use(preview, options)Vue.use(preview) <img v-for="(i,v) in xqimgurl" :key="v" style="width:100%;" :src="i"
2020-12-08 02:39:07
1754
1
原创 解决移动端键盘影响布局样式
H5在手机端，尤其是安卓手机，如果用了定位或者用了百分比的元素，很容易在键盘弹起后引起页面错乱解决 let height = document.body.clientHeight; let a = document.getElementsByClassName("main"); a[0].style.height = height - 20 + "px";...
2020-11-24 15:08:46
600
原创 JS填写合并表格
loadDetailData() { console.log("render start..."); let _this = this; let tableContent = new Array(); tableContent.push(`<thead> <tr> <th colspan="11" style="font-size:22px">${_this.subject}&..
2020-10-09 11:48:17
151
转载 vue中Axios的封装和API接口的管理（更新）
原地址如图，面对一团糟代码的你~~~真的想说，What FUC~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource
2020-09-17 16:19:38
291
原创 Vue Router 的params和query传参的使用和区别（详尽）
https://blog.csdn.net/mf_717714/article/details/81945218?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159661734019724839261985%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=159661734019724839261985&biz_id=0&
2020-08-06 16:58:38
355
原创 vue引入 wps在线编辑版
1.先去官网下载JShttps://wwo.wps.cn/docs-js-sdk/#/base/quick-start2.main.jsimport * as WPS from './assets/web/web-office-sdk-v1.1.3.es'Vue.prototype.wps = WPS;点击查看，先调后端给的接口，获取关键的jtoken，jwpsUrl // 修改 async change() { let _this = this; t
2020-08-06 14:20:44
9824
3
原创 组件通信
父级：data: directoryid: "123", //选中的文件idjs: // 关闭上传模块 getParent() { this.up = false; },子级：在这里插入代码片 // 使用父级方法 parentbtn() { this.$emit("ee", "cc12345"); },...
2020-07-24 16:39:55
148
原创 vue-simple-uploader实现文件夹拖拽上传分块上传
官方手册01官方手册02一些字段说明实例使用仿百度云盘大佬simple uploader 对上传文件校验vue-simple-upload如何获取后台返回的数据
2020-07-21 13:53:32
1352
原创 vue中 identify(生成图片验证码)插件
https://blog.csdn.net/zhangkeke_/article/details/82900747?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159471126519725247626781%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=159471126519725247626781&biz_id=0&am
2020-07-14 15:23:19
517
原创 左右滑动跳转页面
npm install kim-vue-touchmainimport vueTouch from 'kim-vue-touch'Vue.use(vueTouch)html <div class="box" v-tap="(e)=>vueTouch('点击',e)" v-longtap="(e)=>vueTouch('长按',e)" v-swipeleft="(e)=>vueTouch('左滑',e)"
2020-07-07 14:52:07
331
原创 vue--跟echarts的结合
main文件写入：// 引入echartsimport echarts from 'echarts'window.echarts = require('echarts');Vue.prototype.$echarts = echartshtml <div class="maina"> <div id="main"></div> <div id="main02"></div> </d
2020-06-22 17:12:13
1691
1
原创 CSS3----transform，animation
css3 transform属性CSS3----转换（旋转）transform3d transform的(x、y、z)坐标空间及位置
2020-06-05 17:18:11
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人