![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
看看电影听听歌
一名程序小白
展开
-
调用wx.config时,遇到invalid signature的解决方法(解决IOS端签名失败问题)
一、检查自己的配置是否正确1、确认对应的公众号已设置"JS接口安全域名"2、确认签名算法正确,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。3、确认config中nonceStr(js中驼峰标准大写S), timestamp与用以签名中的noncestr,timestamp对应一致。4、确认url是页面完整的url5、确认 config 中的 appid 与用来获取 jsapi_ticket 的原创 2022-05-11 10:47:01 · 5935 阅读 · 2 评论 -
Vue项目,使用vue-awesome-swiper插件(可一次切换多张)
一、准备工作1、下载插件(最近版本的swiper可能会出现未知bug,所以我用的是5.4.5版本)npm install swiper@5.4.5 vue-awesome-swiper --save二、页面使用1、引入import 'swiper/css/swiper.css'import { Swiper, SwiperSlide } from 'vue-awesome-swiper'2、注册组件components:{ Swiper, SwiperSlide }3原创 2022-03-31 11:39:35 · 3992 阅读 · 2 评论 -
uni-app 判断不同环境的兼容问题
官网:uni-app官网常用编译指令#if 编译预处理中的条件命令,相当于C语法中的if语句#ifdef 判断某个宏是否被定义,若已定义,执行随后的语句#ifndef 与#ifdef相反,判断某个宏是否未被定义#elif 若#if, #ifdef, #ifndef或前面的#elif条件不满足,则执行#elif之后的语句#else 与#if, #ifd...原创 2021-11-18 15:24:16 · 924 阅读 · 0 评论 -
el-input只允许输入数字和两位小数
<el-input size="small" type="number" oninput="value=((value.replace(/[^0-9.]/g,'')).replace(/([0-9]+\.[0-9]{2})[0-9]*/,'$1'))"></el-input>原创 2021-10-26 10:52:58 · 818 阅读 · 0 评论 -
vue项目 点击按钮复制内容到粘贴版(复制功能)
一、准备工作1、下载插件npm install vue-clipboard2 或者 yarn add vue-clipboard22、挂载到全局import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)二、页面使用 <button v-clipboard:copy="Url" v-clipboard:success="onSuccess" v-clipboard:error="onError">复原创 2021-07-10 22:30:00 · 294 阅读 · 2 评论 -
Vue项目,Dom元素转换成图片(手机访问时,可保存该图片)
一、准备工作1、下载插件npm install html2canvas 或者 yarn add html2canvas2、在使用到的项目中引入import html2canvas from 'html2canvas';二、页面使用1、定义template模板因为 html2canvas插件返回的是一串图片地址,要用到img标签。转换成功后之前的dom元素还存在,所以要做一些细微的判断<div v-if="htmlUrl==''"> <p>原创 2021-06-28 11:46:59 · 550 阅读 · 0 评论 -
iview + vue-quill-editor 富文本编辑器(图片上传到服务器)
一、准备工作1、引入插件npm install vue-quill-editor 或者 yarn add vue-quill-editor原创 2021-06-05 15:21:54 · 608 阅读 · 0 评论