晒太阳的朋朋-CSDN博客

原创 element-icon打包发布图标显示乱码

vue.config.js文件里添加以下配置css: { loaderOptions: { scss: { sassOptions: { outputStyle: 'expanded' } } }},

2022-05-27 17:33:39 201

按照网上正常流程在单页面引用插件treeselect,本地运行正常，上线报错解决方案：不要单页面引用放在main.js里引入import Treeselect from '@riophae/vue-treeselect'import '@riophae/vue-treeselect/dist/vue-treeselect.css'Vue.component('TreeSelect', Treeselect)vue.config.js文件里转化语法module.exports

2022-05-27 17:26:43 771

原创 el-table表单的二次封装

<el-table ref="table" v-loading="loading" :data="tableData" style="width: 100%; margin-top: 10px; border: 1px solid #ebeef5" stripe > <el-table-column width="80" label="序号" align="center"...

2022-05-27 17:11:05 787

原创 vue 防止用户暴击按钮重复多次发起请求

1.添加一个js文件直接复制就可以import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true

2020-08-12 10:13:41 633

原创 vue项目中点击Button按钮页面会自动刷新 input框值消失

问题复现：输入手机号,点击Button 按钮，input 框中的值会消失，后来发现是页面自动刷新了。如图：如图：这是我的代码灰色的注释掉的是我一开始的写法红色长条框内蓝色框内是后来修改好的写好总结：我是在form表单中使用的button标签，有时候就会刷新页面；想要这个button不刷新页面，就把form中的button改为就行...

2020-08-11 11:00:57 1527

原创 vue开发的移动端调起安卓和ios纯键盘

业务场景：Input 框只允许输入纯数字不允许输入特殊字符，之前是至二级用正则表达式的，但是-- 和++ 正则表达式不能够过滤几经考虑决定从根源将诶决问题，用户只能调起纯数字键盘不就行了。下面是代码：css: <span>进货数：</span> <input v-model="number" type="tel" pattern="[0-9]*" onkeyup="this.value=this.value.replace(/[^\d]/g

2020-08-08 16:32:39 864

原创 vue 获取今天昨天本周上周本月上月的用户数据

本人也是结合了网上各个大牛的写法综合得出的，亲测有效，其中自定义不做赘述，根据自己的需求自己更改。1.安装monent命令语句：npm install moment2.在页面引入即可代码：import moment from "moment";3.新建一个getDate.js文件，将下面封装好的方法复制进去，如果后台只需要传年月日过去，将方法中：HH:mm:ss 删除就行，自行处理。// 引入 moment 插件import moment from "moment";//获取今日/昨

2020-08-04 09:46:49 1171

原创 vue开发的微信服务号H5内嵌的腾讯地图和导航

##需要后台配合拿到微信网页开发的sdk签名https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1成功拿到签名后才能引用微信的相关地理位置的开发接口。我们这里需要使用openLocation的接口，getLocation接口是为拿到经纬度，我这里不做详细介绍，具体看官方Api实现效果：点击图中地图可以打开导航图一用的是腾讯位置服务提供的地图组件使用之前需要申请一个密钥，官方链接：https://

2020-08-01 14:52:28 3055 1

原创 vue开发的微信服务号的H5网页禁止点击时页面放大或者缩小

vue开发的微信服务号问题：点击H5页面时，页面会放大，不能固定解决方案：1.在index.html 页面添加以下代码width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable=yes：表示用户是否可以调整缩放比例该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户

2020-08-01 14:16:26 1086 1

原创 vue项目配置白名单

vue项目配置白名单前提是已经写好存储登录token相关的编码为了防止我们的h5页面访问路径被直接篡改，没有通过login登录页面进入我们的系统，这时候就需要配置白名单了。1 在main.js 文件中定义白名单 const whiteList = ['/login']// 按需定义修改2.在main.js 文件中进行逻辑判断判断页面是否有存储 token 如果已经存储则跳转主页面，如果没有存储的token信息，则跳登录login页面。**token信息是后台返回过来的前端需

2020-07-20 15:56:21 9130

小月月