vue
CherryCola_zjl
enjoy it
展开
-
页面刷新vuex state数据丢失
解决思路:监听页面刷新,将state状态保存到sessionStorage初始化项目时,判断sessionStorage是否有state状态,有的话合并,完成状态复现// App.vueexport default { name: 'App', created() { if( sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign({}, this.$store.state,原创 2021-09-08 11:48:29 · 150 阅读 · 0 评论 -
vue使用wx-open-launch-weapp
页面报错找不到模板wx-open-launch-weapp,可以在main.js配置下面是实测可用代码,替换接口就ok。username替换成你的小程序原始IDstylewidth100%;height100%;paddingclass"btn"原创 2020-12-14 13:58:15 · 15789 阅读 · 15 评论 -
vue项目使用swiper不轮播
<template> <div> <div> <swiper ref="mySwiper" :options="swiperOptions"> <swiper-slide><img src='~mainassets/img/update/page1.png'/></swiper-slide> <swiper-slide><img s原创 2020-11-11 18:27:44 · 383 阅读 · 0 评论 -
ios h5项目图片不出现
图片格式是webp,有时候后缀是png但源文件是webp的话,会出现图片空白的情况。原创 2020-10-16 22:53:04 · 832 阅读 · 0 评论 -
js复制文本到剪贴板
<textarea style="position: fixed;z-index: -9999;left: -9999px;" v-model="shareUrl" id="copyUrl" readonly="readonly"></textarea> let copycode=document.getElementById("copyUrl"); copycode.select(); // 选择对象 document.execCommand("Copy");原创 2020-10-16 14:02:16 · 295 阅读 · 0 评论 -
安卓fixed元素被键盘顶起
var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1; if (isAndroid){ var win_h = document.documentElement.clientHeight, that = this window.addEventList原创 2020-09-14 14:05:57 · 502 阅读 · 0 评论 -
vue + iview 地址选择器(100%实现有赞后台地址选择器)
记得点赞+评论+关注~~接触到有赞地址选择器,感觉不错,他是react + zentUI 。项目是vue,所以用vue + iview 2.0做了个一模一样的,效果图:iview 2.0使用首先下载npm install view-design --savemain.js全局引用import ViewUI from 'view-design';import 'view-design/dist/styles/iview.css';Vue.use(ViewUI);组件源码原创 2020-07-21 10:39:42 · 1021 阅读 · 0 评论 -
移动端相册选择并上传图片
<input ref="fileInput" multiple id="fileInput" @change="getImg" type="file" accept="image/jpeg,image/jpg,image/png"><img :src="item.src" alt="" srcset="" v-for='(item,index) in upImg' :key="index">getImg(){ let inputDOM = this.$refs.fil原创 2020-06-18 12:57:07 · 514 阅读 · 0 评论 -
手把手教你vue项目使用fullcalendar
组件官网 与 配置文档首先下载npm install --save @fullcalendar/core @fullcalendar/daygrid引用css 与 js<script src="~@fullcalendar/core/locales/zh-cn.js"></script><style lang='scss' scoped>...原创 2020-04-30 11:52:45 · 7307 阅读 · 4 评论 -
We're sorry but *** doesn't work properly without JavaScript enabled. Please enable it
把vue-router的mode 由history 转成 hash如果坚持用history,需要后台配置 配置链接 。因为history模式跳转的是 虚拟路径,浏览器会找路径下的index.html,发现没有,这时就需要nginx去找真实的index.html。如果是文件在子目录,而不再根目录下。需要在 vue.config.js下配置, publicPath,这个默认是’/’ 。设置成...原创 2020-04-23 15:19:14 · 11527 阅读 · 0 评论 -
axios请求偶现canceled状态,可能是请求超时的原因
axios默认超时为1000ms(1s),有的时候网路不好就会前端自动拦截。状态置为canceled。只要改成5000就好了。原创 2020-04-20 11:14:03 · 2200 阅读 · 0 评论 -
怎么本地运行vue dist文件,最简单的方法
在dist文件夹运行serve~~npm i -g servecd /distserve原创 2020-04-16 12:06:54 · 5503 阅读 · 1 评论 -
vue-cli3 开发移动端页面准备工作
先安装node 环境以及 @vue-clinpm install -g @vue-cli// 创建项目vue create project-name先在/public/index.html 添加meta 标签视口宽度等于设备宽度,初始缩放为1,最大最小缩放为1,禁止用户缩放页面<meta name="viewport" content="width=device-width...原创 2020-04-13 15:47:43 · 524 阅读 · 0 评论 -
vue导出表格数据重复
后台系统使用 vue + elementUI + xlsx 实现导出表格功能,但发现导出数据重复的问题问题所在:element 实现el-table-column fixed会重复渲染一个table。// 解决原理先移除再append进去var fix = document.querySelector('.el-table__fixed');var wb; if (fix) { w...转载 2019-06-17 15:33:22 · 4262 阅读 · 0 评论 -
vue引用本地图片
js中的图片要加上 require();原创 2019-01-14 16:06:37 · 3717 阅读 · 0 评论 -
vue页面样式跳转冲突
刷新是正常,但别的页面回退或跳转,相同的class样式便会冲突。//标签加上 scoped 会自动生成唯一标识<style lang="scss" scoped></style>原创 2019-01-14 16:04:12 · 1331 阅读 · 0 评论