![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
汤圆(dumpling)
粘贴复制代码太无趣,全靠我自己加戏。
展开
-
限制前端服务的打包为2048内存
限制前端服务的打包原创 2023-02-14 10:22:11 · 161 阅读 · 0 评论 -
解决电脑分辨率及缩放导致页面变形的问题
解决电脑分辨率及缩放导致页面变形的问题原创 2023-02-06 17:52:40 · 918 阅读 · 0 评论 -
前端谷歌浏览器实现解决跨域
前端谷歌浏览器实现解决跨域原创 2022-06-16 10:20:21 · 116 阅读 · 0 评论 -
html2canvas合成图片 前端跨域问题 uniapp
问题描述 前端图片跨域---->修改源码: img.src = src + ‘?t=’ + new Date().getTime();前端—> 封装一个html2canvas组件<template> <view class="html2canvas" :prop="domId" :change:prop="html2canvas.create"> <slot></slot> </view></template原创 2021-08-17 10:46:16 · 1251 阅读 · 5 评论 -
uniapp 点击两次底部tabbar 回到顶部
tabClick: false, // true 表示是两次点击中的第一次点了 tabBar(写在data里面)onTabItemTap(e) { if (e.index==0&&this.tabClick) { // 200ms 内再次点击 // 这里就是模拟的双击事件,可以写类似数据刷新相关处理 this.toTop(); } this.tabClick = true setTimeout(() => { this.tabClick原创 2021-05-27 19:17:10 · 1144 阅读 · 0 评论 -
uniapp微信公众号支付----微信小程序支付
// 微信支付 https://uniapp.dcloud.io/api/plugins/payment toResult(val) { let _this = this // #ifdef MP-WEIXIN let data = { userId: _this.userInfo.id, id: _this.sendData.id, payType: val, type: 0 } // #endif /...原创 2021-05-21 09:26:13 · 345 阅读 · 0 评论 -
正则验证手机号11位
checkPhone(value) { let myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/; if (!myreg.test(value)) { return false; console.log("false") } else { return true; console.log("true") } },```javascript在这里插入代码片原创 2021-05-21 09:19:28 · 912 阅读 · 0 评论 -
uniapp实现多图上传
<template> <view class="four-img-flex"> <view class="upload-img"> <view class="viewimg" v-for="(item,index) in thumbnailUrls" :key="index"> <view class="delete-picture" @click="delcloudImg(index)" style="width: 40r原创 2021-05-17 11:45:38 · 737 阅读 · 0 评论 -
vue3、ts使用ant-design-vue
yarn add ant-design-vue@nextimport { createApp } from "vue";import App from "./App.vue";import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css';import router from "./router";import store from "./store";createApp(App) .use(store)原创 2020-12-29 13:37:28 · 1155 阅读 · 0 评论 -
vue 图片固定在一个区域内鼠标放大缩小,拖拽
<template> <div class="mapbox" id="mapbox" :style="'width:' + width + ';height:' + height" > <table class="imgbox" id="imgbox" @mousedown="holdDown" @mouseup="holdUp" :style="'top: ' + imgtop原创 2020-12-16 17:01:13 · 1763 阅读 · 0 评论 -
Element UI Select 组件的 value-key 属性,让绑定值可以为一个对象
<el-form-item class="selectClass"> <el-select v-model="sendParams.areaId" placeholder="选择区域" value-key="orgNo" //重点 :popper-append-to-body="false" @change="selectChangeRegion" &原创 2020-12-16 11:45:38 · 1117 阅读 · 0 评论 -
vue监听本页面的后退
mounted () {if (window.history && window.history.pushState) {// 向历史记录中插入了当前页history.pushState(null, null, document.URL);window.addEventListener(‘popstate’, this.goBack, false);}},destroyed () {window.removeEventListener(‘popstate’, this.goB原创 2020-12-14 16:25:53 · 1041 阅读 · 0 评论 -
关于axios post请求参数拼接
post 拼接参数修改headers 添加 ‘Content-Type’:‘application/x-www-form-urlencoded’axios({method: ‘post’,url: ‘/user’,data: {firstName: ‘123’,lastName: ‘234’},headers:{‘Content-Type’:‘application/x-www-form-urlencoded’}});...原创 2020-12-14 15:27:16 · 1973 阅读 · 0 评论 -
elementui 修改下拉框样式
无法修改选择下拉框的主要原因是,选择下拉的标签并没有插入到body标签中,打开控制台你可以看到这个标签和script标签处于同一层级,所以,解决的办法就是: 给<el-select>标签添加一个属性 :popper-append-to-body="false"...原创 2020-11-24 12:15:11 · 1770 阅读 · 0 评论 -
vue+elementUI简单的实现日历功能
vue+elementUI简单的实现日历功能HTML JS代码这里我使用的是普通的css大概就是这样 欢迎大家讨论和@我原创 2020-09-22 09:23:05 · 3208 阅读 · 1 评论