- 博客(38)
- 问答 (1)
- 收藏
- 关注
原创 vue 分页删除最后一条数据,返回上一级的分页
在VUE+element使用 Pagination 分页分页的时候 当数据较多时使用element中的分页功能,在删除第二页的最后一条数据时,当前页数转成了上一页,可是页面数据并没有跳转到上一页。当在第二页删除最后一条数据的时候 直接返回上一页。所有找个了方法 直接跳转上一页。
2023-11-23 13:20:28
322
转载 uniapp 自定义tabBar
官网:https://uniapp.dcloud.net.cn/tutorial/vue3-vuex.html#%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86vuex。摘录链接:https://blog.csdn.net/JunVei/article/details/126969160。首先 pages.json 页面配置tabBar页面。然后在根目录 创建 utils/ tabBar.js。modules/tabBar.js 中的内容。只要 pagePath 就行。
2023-11-23 13:18:39
270
转载 uniapp 更新
原文 : https://blog.csdn.net/long19981231/article/details/120449805。
2023-05-05 17:15:49
170
转载 uniapp APP端 获取定位失败 去手机设置里面设置定位
在使用uniapp获取定位的时候 uni.getLocation() 第一次打开手机的时候 会弹出 授权界面,但是有时候点错就不会再次弹出来了。转载:https://blog.csdn.net/weixin_42220533/article/details/128967939。创建 device.js文件。
2023-05-05 17:09:02
1794
原创 uniapp小程序直接上传图片到阿里云
阿里文档:https://help.aliyun.com/document_detail/92883.html?前端为了减压,让后台压力小点。所有选择了前端直接上传图片到阿里云,不请求后台。在utils文件夹建一个uploadOssHelper.js文件 这个随意。其实就是在本地自己需要先搭建一个签名服务,然后由客户端调用签名服务生成签名。我用的是uniapp 是下面的写法 别的大差不差。
2023-04-14 09:34:30
393
原创 vue项目使用 富文本插件
下载 npm i vue-ueditor-wrap -S下载 UEditor 文件放到 public 文件下面PHP中的文件 是后端给我的 在 ueditor.config.js 中指向PHP路径即可使用方法<VueUeditorWrap v-model="content" :config="myconfig"/><script>import VueUeditorWrap from 'vue-ueditor-wrap' // ES6 Module exp
2022-05-10 11:43:03
421
原创 eventBUS
//利用ES6 的class构造函数class bus{ constructor (){ this.item = {} //传入接受的 } $on(name,fu){ // if(!this.item[name]){ // this.item[name] = [] // } (this.item[name] ||= []).push(fu) } // $emit(name
2022-05-09 10:48:19
79
原创 前端数据接口加密
import CryptoJS, { SHA1} from 'crypto-js'// 17611650330 未注册// 18810013034 失败// 18701367882 0 审核中/** * tokens 加密 * * @param {*} message * @returns */const AES_KEY = "**************"; //混淆 随便写const AES_IV = "****************"; //混淆 随便写/
2022-04-25 14:34:41
1813
原创 Vue 打包上线之后 console.log()打印
在 vue.config.js中配置const TerserPlugin = require('terser-webpack-plugin') module.exports = { configureWebpack({ optimization: { minimizer: [new TerserPlugin({ terserOptions: { compress: { drop_console: true } } })] } })}
2022-04-25 14:32:57
2429
原创 vue element 时间 控制只能选择今天后的日期
标签上面这么写 <el-date-picker v-model="callDuration" type="datetime" :picker-options="expireTimeOption" //添加这个 value-format="yyyy-MM-dd hh:mm:ss" placeholder="选择日期时间"></el-date-picker>data里面 data()
2022-04-21 10:44:45
368
原创 vue 调用微信JS-SDK
下载js-sdk包npm i weixin-js-sdk首先通过后端接口获取授权wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',/
2022-04-21 10:43:29
1788
原创 vue 后端直接返回文件流 如何进行操作
const binaryData = []; binaryData.push(res.data);//后端返回的值 let url = window.URL.createObjectURL(new Blob(binaryData, {type: 'application/vnd.ms-excel'}));//二进制转换 window.open(url) //跳转浏览器打开或者下载或者赋值到img////////////////////////////////////////////////.
2021-08-19 17:35:42
620
原创 vue时间倒计时
后台返回了 一个创建时间需要根据这个时间 倒计时30分钟 const set = Date.parse(new Date('2021-08-04 11:10:00').toString()) //创建时间 获得时间戳 const end = set + 1000 * 60 * 30 //结束 在当前时间戳的基础上添加30分钟 const now = Date.parse(new Date().toString()) //当前时间 var maxtime = (end - now) /1000 /
2021-08-19 17:17:08
396
原创 el-table 表头居中
```<el-table ref=“multipleTable” :data=“tableData” border v-loading=“loading”:header-cell-style="{color:’#000’,fontFamily:‘MicrosoftYaHeiUI’,fontSize:‘14px’,fontWeight:‘bold’,‘text-align’: ‘center’}":cell-style="{‘text-align’: ‘center’}"style=“wi
2021-08-19 17:16:48
167
原创 设置存取删除cookie
//存export const setCookie = (name, value, Days) => { if (Days == null || Days == '') { Days = 300 } var exp = new Date() exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000) document.cookie = name + '=' + escape(value) +
2021-08-19 17:15:10
84
原创 vue3 Proxy代理原理
文档。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy const user = { name:'赵云', age:24, page:{ size:10,page:1 } } const poxyUser = new Pr
2021-08-19 17:14:38
1132
原创 H5大转盘抽检
npm install vue-luck-draw 下载依赖在main.js 中 引入挂载import LuckDraw from 'vue-luck-draw'Vue.use(LuckDraw)<LuckyGridstyle=“width: 200px; height: 200px”…你的配置/>然后就可以了https://100px.net/document官网链接...
2021-06-21 10:29:59
85
原创 二进制二维码转换图片
getCode() { axios({ method: "get", url: "admin/verify", responseType: "arraybuffer", // 最为关键 }).then((res)=> { this.imgUrl = "data:image/jpeg;base64," + this.arrayBufferToBase64(res.data); console.l
2021-06-21 10:28:18
1278
原创 vue 利用clipboard进行复制
下载 clipboard 组件npm install clipboard --saveimport clipboard from 'clipboard';//注册到vue原型上Vue.prototype.clipboard = clipboard;用在table组件中<el-table-column prop="appid" show-overflow-tooltip label="AppID - AppSecret" > <template slot-s
2021-06-21 10:26:33
197
原创 vue 循环上传图片 点击查看大图
<template> <div> <div v-for="(item,index) in picture" :key="item.id" class="box_uploader"> <div @click="gainId(index)"> <el-upload class="uploader_diyi"
2021-06-21 10:25:22
198
原创 vue 表单切换 数据保存
想要点击不同的tab切换提交信息,然后点击回到对应的tab是保存记录<div class="btn_list">//这个是循环上边的tab切换 <span :class="['genre',now == item.id ? 'cur' : '']" v-for="(item,index) in CarClassIf" :key="item.id" @click="changHan(item,index)" >{{item.name}} .
2021-06-05 18:08:59
1344
原创 VANT 组件 Calendar 日历 + DatetimePicker 时间选择 做时间选中
H5页面,因为组件没有直接提供可以选中日历跟日期的组件所有吧二者结合一下使用上代码//这个是日历<template> <div> <van-cell title="选择年月日" :value="date" @click="show = true" /> <van-calendar v-model="show" :show-confirm="false" @confirm="onConfirmDate" />
2021-06-04 18:11:12
2157
原创 上传照片进行压缩到指定的大小
import {Message} from 'element-ui'export const compress = (file) => { return new Promise((resolve, reject) => { const isJPG = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'video/mp4'; .
2021-04-06 14:34:45
202
原创 vue 循环上传图片 点击查看大图
<template> <div> <div v-for="(item,index) in picture" :key="item.id" class="box_uploader"> <div @click="gainId(index)"> <el-upload class="uploader_diyi"
2021-04-06 14:33:22
336
原创 调用微信支付宝支付接口
//判断是否是微信isWeChatBrowser() { var ua = window.navigator.userAgent.toLowerCase() let isUa = ua.match(/MicroMessenger/i) || '' if (isUa == 'micromessenger') { return true } else { return false } }//判断是否是支付宝 isAliBrowser()
2021-01-29 17:38:22
1624
原创 input 占位符 生成打字动画效果文本
<script src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script>//引入JQ<script src="https://www.51macc.com/js/placeholderTypewriter.js"></script>//引入placeholderTypewriter插件<body><input type="text" id="in" placeh
2021-01-13 16:54:43
415
原创 ajax公共
有时候调用接口的时候 会有同一个操作,所以就在研究了一个公共方法在vue main.js中import Vue from 'vue';import App from './App.vue';import axios from 'axios';//changeData是函数名 Vue.prototype.changeData = function (URL,params,callback){//URL是接口地址,params需要传递的参数,callback回调的函数 consol
2021-01-08 17:23:12
113
原创 VUE利用 element-ui的上传图前的压缩图片到4M之内
VUE利用 element-ui的上传图前的压缩图片到4M之内<el-upload class="avatar-uploader" action="123" :http-request="upload"//自定义上传接口 :show-file-list="false" :before-upload="beforeAvatarUpload">//利用before-upload上传前的操作进行压缩</el-upload>在VUE项目下创建一个 js文件export
2020-11-27 10:29:35
470
转载 自定义H5 键盘
转别人的。感觉有用保留一下 侵!跟我说一下 我删除 <template> <div class="warper"> <div class="keyboard" @click.stop="handleKeyPress"> <div class="key-row"> <div class="key-cell" data-num="7">7</div>
2020-11-09 14:52:54
1104
原创 vue element-UI Table中调到指定位置
项目要求点击点击数字 跳到表格指定位置。搜半天结合一下。代码奉上首先给Table添加class<el-table :data="Themain" id="table_el_ba" ref="tableList" :row-style="selectedHighlight" style="width: 100%"></el-table>methods:{ tableRowClassName ({row, rowIndex}) { //把每一行的索引
2020-10-13 15:49:44
2766
原创 React 组件之间传值利用ref传值
**React 组件之间传值**React父子之间传值百度上有好多看不懂的,今天带来一个简单易懂的父传子子组件接收子组件通过ref给父亲父亲 refs接收这样就OK了。可能这不是最简单的,但也是一种方法! 就酱!...
2020-07-15 10:21:18
1051
空空如也
vue-print-nb 插件的坑
2022-05-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人