- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue-移动端适配-postcss-pxtorem
vue-移动端适配-postcss-pxtorem安装 amfe-flexiblenpm i amfe-flexible --save安装 postcss-pxtoremnpm i postcss-pxtorem --save在根目录创建postcss.config.js/* * @Author: 947 * @Date: 2022-03-04 14:08:48 * @LastEditTime: 2022-03-04 14:15:40 * @LastEditors: Please s
2022-03-04 14:37:14
632
原创 基于vue+BMap在内网条件下实现百度地图
基于vue+BMap在内网条件下实现百度地图本次记录在内网情况下实现设备定位，主要通过下载地图瓦片服务实现。一、将所需资源放入Public目录下：二、在index.html引入所需资源 <script src='./js/map3.0.min.js'></script> <script src='./js/map3.0_load.js'></script>三、封装组件<template> <div id="map_con
2022-03-01 16:26:52
1306
1
原创 前端 vue+crypto-js aes 加密解密
前端 vue+crypto-js aes 加密解密前文:针对项目CNAS测评，对项目漏洞扫面进行消缺，拟采用前后端进行接口加密处理，采用的是 AES + BASE64 算法加密~这里我推荐一篇AES算法的理解：[https://blog.csdn.net/qq_28205153/article/details/55798628]具体实现：首先安装 crypto-jsnpm i crypto-js其次在 utils 下建立secret.jsimport CryptoJS from 'cryp
2021-11-02 10:22:24
665
原创 解决vue 在APP使用中路由跳转页面不刷新
解决vue 在APP使用中路由跳转页面不刷新问题：页面跳转页面不刷新，数据不渲染问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。后来发现App.vue中使用了：<template> <div id="app"> <keep-alive> <router-view></router-view> </keep-alive> </div></template>
2021-10-27 10:06:53
747
原创 vue + ElementUI实现密码强度判断
vue + ElementUI实现密码强度判断代码仅供参考，如有更好的想法请多多指教代码如下<el-form :model="form" style="margin-top:10px"> <el-form-item label="密码" label-width="120px" prop="userPassword"> <el-input show-password type="password" v-model="form.userPasswo
2021-09-18 15:47:20
2259
原创 element 的el-dialog 浮层嵌套，第二次弹出的会被遮住（双层嵌套）
element 的el-dialog 浮层嵌套，第二次弹出的会被遮住（双层嵌套）困扰了很久的一个问题，就是用element-ui的浮层组件进行浮层嵌套时候，当子浮层关闭时，父级浮层上面会有一层灰色遮罩层当关闭子级浮层后，父级浮层上面会有一层灰色蒙层解决方式：父级浮层设置:modal-append-to-body="false"属性，同时在子级浮层设置:modal-append-to-body=“true” append-to-body属性代码如下父级遮罩层 <el-dialog
2021-09-14 14:56:38
1249
原创 对 el-menu 的回顾使用（实现进入页面默认选择以及路由跳转）
对 el-menu 的回顾使用（实现进入页面默认选择以及路由跳转）主要提示自己如何使用，所以直接附上代码，大家仅供参考（基于vue）<template> <div class="tab"> <el-menu :default-active="'/state/stateTable'" router class="el-menu-demo" mode="horizontal" @select="handleSelect">
2021-08-19 13:56:23
2920
原创 根据后台数据判断，进行状态展示
element-UI使用el-table根据后台数据判断状态效果图如下实现代码如下：<el-table-column fixed="right" prop="isPowerCut" label="停电状态" width="80"> <template scope="scope"> <el-button type="text" style="color:red" v-show="scope.row.isPowerCut===0">未停电&l
2021-07-21 11:37:04
369
1
原创 基于vue利用three.js实现地球
在vue中使用three.js实现3D地球效果图如下开始引入相关插件npm install three2.安装轨道控件插件npm install three-orbit-controls3.接下来安装加载.obj和.mtl文件的插件npm i --save three-obj-mtl-loader4.安装渲染器插件npm i --save three-css2drender实现代码<!-- * @Descripttion: 说明 * @version: V1.0
2021-07-20 16:58:50
2463
8
原创 ElementUI：dialog的遮罩层在弹出层的上面
ElementUI：dialog的遮罩层在弹出层的上面以下时遇到的问题：解决方式<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :append-to-body='true'> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-b
2021-07-20 14:01:51
722
原创 解决通过调用后台接口实现Excel导出功能，后台返回数据乱码的问题
解决通过调用后台接口实现Excel导出功能，后台返回数据乱码的问题问题如下：这导致我虽然成功导出文件，但文件受损打不开解决方案如下：在调用接口加入：// 导出export function exportTemporaryPlan(params) { return request({ url: '/XHPowerCutServer/power-plan-temporary/exportExcel', method: 'get', params
2021-07-15 15:27:52
2638
原创 element中input提交时提示input不能为空
最近根据需求完成表单提交按钮（方便自己以后使用）只有代码首先表单prop，ref 都要保持一致<el-form :model="form" ref="formData" :rules="rules"> <el-form-item label="实际停电时长" :label-width="formLabelWidth" prop="powerCutTimeActual"> <el-input v-model="form.pow
2021-07-08 11:10:59
7332
1
原创 element 时间选择器——年
element 时间选择器——年<el-date-picker v-model="fileYear" type="year" placeholder="选择年"> </el-date-picker>最近用了element插件中的日期选择器——年，但是在后台却不能获得xxxx(eg. 2018)格式的年份，打印了 v-model=“fileYear” 中的 fileYear，就很离谱官方文档上也没有关于这方面的说明，后来发现加个属性就行了（value-format=“y
2021-07-07 11:05:29
1439
原创 解决Echarts中Y轴数值极其相近的方法
根据可户需求在实现Echarts折线图的时候发现数值极其相近，3条折线图都重合到一起，非常影响用户体验，因此此方法方法的思路来源于Y轴最大值与最小值区间的处理核心代码如下（基于vue实现）// 准备日期数据 this.dateList =this.threeU.dateString // 准备数值数据 this.dataList =this.threeU.uas // 计算数据最大值和最小值
2021-06-16 19:52:02
2377
1
原创 关于viewerjs的使用
场景应用于图片局部缩放功能（可缩放，拖拽，旋转，切换）操作如下npm install viewerjs第二步 在main.js 配置import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'//Vue.use(Viewer) 默认配置写法Vue.use(Viewer, { defaultOptions: { zIndex: 9999 }})第三步 使用 <viewer>
2021-06-16 11:09:44
439
原创 Echarts踩坑之路（一)
Echarts踩坑之路（一)这篇文章解决的问题主要是Echarts页面初次加载不渲染，但数据已经请求过来的问题。主要通过watch数据监听去解决的核心代码放在这里，大家可做参考watch: { data: { // 在父组件数据发生改变后子组件要做到实时更新,就需要子组件用watch来监听数据的变化 // 看情况是否需要newValue和oldValue之间值比较 handler(newVal, oldVal) {
2021-06-09 18:12:07
251
原创 vueSeamlessScroll踩坑之路
vue-seamless-scroll踩坑分享自己在项目中遇到列表内容无缝滚动的需求，在百度后发现很多使用vue-seamless-scroll组件去实现，因此也就开始了我的踩坑之路安装npm install vue-seamless-scroll --save配置import scroll from 'vue-seamless-scroll'Vue.use(scroll)调用组件页面演示地址：https://chenxuan1993.gitee.io/component-docume
2021-06-08 11:27:45
2432
5
原创 解决系统上禁止运行脚本
解决无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本以上就是所遇问题解决方案如下：1.注意以管理员身份运行2.命令行:set-ExecutionPolicy RemoteSigned3.Y或A都可以选择以上流程就解决该问题了...
2021-05-31 11:32:03
787
原创 项目中使用mockjs数据
项目中使用mockjs首先安装 axios mockjsnpm install axiosnpm install mockjs第二步 在src下创建文件mock（在mock文件夹下必须创建index.js）在index.js配置如下const Mock=require("mockjs")Mock.mock("/home/banner","get",require("./home/banner.json"))mock文件简历相对应的home（文件夹名字随意）文件夹，在home下创建你想要的
2021-05-04 23:03:57
150
原创 解决控制台出现的“error Empty block statement no-empty“的问题（vue项目）
解决控制台出现的"error Empty block statement no-empty"的问题（vue项目）此问题的出现是因为页面中代码空格引起的，具体原因还是eslint校验解决方案第一步 在 package.json中添加{ "name": "system", "version": "0.1.0", "private": true, "eslintConfig": { "plugins": ["example"], "env": { "exam
2021-04-29 14:03:33
14558
原创 基于jqery 与 Echarts绘制地图的经验分享
Echarts绘制地图本篇针对自己在项目中遇到的业务场景，利用Echarts绘制地图，并实现轮播，下钻效果。此处是通过大佬的分享找到的案列，这里也一并与大家分享（也非常感谢这位大佬的分享）...
2021-04-27 17:24:46
609
1
原创 axios封装应用
axios封装应用大家借鉴参考即可，适用于小白vue中的axios1.全局配置：npm install --save vue axios2.Vue 官方提供的是Vue-resource(2.0后停止更新)3.axios 第三方插件正文（直接上代码）<script> let vm=new Vue({ el:"#box" data:{ } methods:{ api(url){ return new Promise((resolve,reje
2021-03-29 01:16:52
132
原创 如何使用git（仅供参考）
1.第一步：项目git进行基础配置作用是告诉 git 你是谁，你输入的信息将出现在你创建的提交中，使用下面两条命令名字git config --global user.name “xxx”邮箱git config --global user.email “xxx”附图：2. 第二步：项目获取公钥在git bash(桌面下打开)窗口输入下面指令即可生成带注释的公钥ssh-keygen -t rsa -C ‘邮箱地址’附图：此
2021-03-22 01:14:31
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人