前端
小水龙-冲冲冲
努力,努力,再努力!
展开
-
vue页面数组渲染页面 刷新问题
关于vue页面dom更新问题原创 2023-01-11 11:39:51 · 668 阅读 · 0 评论 -
canvas + VueDragResize实现图片拖拽合成
html2canvas + VueDragResize做图片拖拽并合成原创 2022-12-14 10:25:25 · 1478 阅读 · 0 评论 -
js常用的字符串、数组、对象方法,直接复制
js常用的字符串、数组、对象方法,直接复制使用原创 2022-10-25 14:41:44 · 238 阅读 · 0 评论 -
uniapp H5项目跳转拦截
h5项目跳转拦截。原创 2022-09-29 15:03:42 · 1018 阅读 · 0 评论 -
微信小程序使用NFC
微信小程序使用NFC原创 2022-09-29 14:35:38 · 1046 阅读 · 0 评论 -
uniapp二次封装request API
uniapp网络请求二次封装,使用。原创 2022-08-29 17:40:52 · 553 阅读 · 0 评论 -
echarts使用及配置
echarts使用及配置3.添加事件创建echarts。原创 2022-06-13 17:51:29 · 511 阅读 · 1 评论 -
vue的ref使用
ref原创 2022-06-08 16:07:09 · 119 阅读 · 0 评论 -
canvas使用及转换base64+上传图片
canvas使用原创 2022-06-08 16:01:40 · 2233 阅读 · 0 评论 -
封装axios
1.新建文件夹1. 在根目录创建 utils 文件夹2. 创建 request 文件3. 在 request 里引入 axios4. 配置 基本路径和超时时间5. 配置请求拦截和响应拦截6. 新建api文件夹做导出。2.引入axios封装import axios form 'axios';import ElementUI from "element-ui";在main.js文件里面axios.interceptors.request.use((request) =>原创 2022-05-26 10:38:55 · 104 阅读 · 0 评论 -
vue下载Excel表格
开发中遇到需求要下载excel表格,由后台返回excel表格文件流。//调用接口获取axios.request({ method: "post", url: '/release/goodsListVo', responseType: "blob", params: sign,}).then(function (response) { //获取到接口返回的excel文件流,通过downloadElement进行处理原创 2022-05-25 14:19:41 · 351 阅读 · 0 评论 -
vue的router与route区别
this.$route是当前激活的路由对象,包含了当前的路由信息。this.$router是返回全局路由器对象。原创 2022-05-23 14:32:08 · 106 阅读 · 0 评论 -
富文本使用v-if重新加载dom问题
之前在开发中遇到一个问题,就是要动态生成wangEditor富文本编辑器。然后结构是有tab标签切换的,当时标签的是v-if来判断显示。导致页面报错,找不到dom元素生成富文本标签。后面才发现用的是v-if重新加载dom元素导致找不到id生成富文本,后面改成v-show就解决问题了。错误的:<div v-if="show"> <el-form-item label="文本文案:"> // 生成富文本的div <div id="Ed原创 2022-05-19 15:47:56 · 559 阅读 · 0 评论 -
js循环数组的方法
1.for循环最基本的循环方式,可以return终止。for(var i = 0;i < 3; i++){ console.log(i)}2.for of循环作为ES6新增的循环方法。它可以正确响应break、continue和return终止。for-of支持数组,还支持类数组对象。let arr = ['110','yyds','jjkk'];for(let item of arr){console.log(item); //item指的是数组每一项。}//输出原创 2022-05-19 15:19:18 · 7936 阅读 · 0 评论 -
vue使用图片懒加载
直接npm下载,挂在到vue使用即可。npm install vue-lazyload --save-dev //安装懒加载包 入口文件main中引入 import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload) 可配置自定义属性Vue.use(VueLazyload, {preLoad: 1.3,error: 'dist/error.png',loading: 'dist/loading.gif',attempt: 1})原创 2022-05-19 15:02:47 · 399 阅读 · 0 评论 -
element ui组件传递自定义参数
使用element ui遇到一种情况,比如分页的默认事件里面会有默认的参数。这时可以这样写,觉得有用的朋友点个赞<el-pagination class="el_erap tc" background //自定义val是默认的数据,item是要自定义传过去的数据 @current-change="(val) => handleCurrentChange(item, val)" :current-page="item.pageData &&原创 2022-05-19 14:59:16 · 1186 阅读 · 1 评论 -
循环调用接口,返回数据异步问题。
循环调用接口,map返回数组。通过promise.all解决返回数据异步问题。在.all中的value可以拿到按顺序返回的数组数据。let promiseArr = this.prefecture.map((item, index) => { return this.coins(item.id) }) Promise.all(promiseArr).then(value => { this.goldGoo原创 2022-05-19 14:52:18 · 903 阅读 · 0 评论