- 博客(55)
- 收藏
- 关注
RSS订阅原创 element-ui switch开关组件二次封装，添加loading效果，点击时调用接口后改变状态
element-ui中的switch开关无loading属性（在element-plus时加入了），而且点击时开关状态就会切换，这使得在需要调用接口后再改变开关状态变得比较麻烦。思路：switch开关外包一层div，给div添加click事件，emit给父组件，在父组件里进行开关状态的切换。
2023-09-08 20:17:39
1466
原创 vue项目eslint和prettier配置文件分享
.eslintrc.jsmodule.exports = { root: true, globals: {}, env: { node: true }, extends: ['plugin:vue/essential', '@vue/standard'], parserOptions: { parser: 'babel-eslint' }, rules: { 'no-console': process.env.NODE_ENV === 'prod
2021-12-30 17:29:03
564
原创 微信小程序建立websocket连接踩坑记录
1、最小化小程序，ws会断开。解决方案：初始化ws连接写在App.js的onShow方法里，onHide里断开ws连接，并把socketTask初始化为空。2、给socketTask赋值需要在ws onOpen里。3、重复进入同一页面，onMessage会多次执行的问题。// App.jssockTask: null,onShow() { this.initWs()},onHide() { this.sockTask && this.sockTa
2021-10-13 11:27:30
2001
原创 切换tab后，element table列样式错乱的问题
解决方案：第一种：el-table添加refs<el-table :data="tableData" refs="table">数据渲染好后this.$nextTick(() => { this.$refs['table'].doLayout()})第二种：为el-table添加唯一值key<el-table :data="tableData" :key="Math.random()">...
2021-08-26 17:19:21
1681
3
原创 vue + XLSX解析excel数据
1、安装XLSX依赖。2、通过input标签 // 拿到所导入文件的名字(file是input标签拿到的文件信息) let fileName = file //定义reader，存放文件读取方法 let reader = new FileReader() //启动函数 reader.readAsBinaryString(fileName) //onload在文件被读取时自动触发 reader.onloa.
2021-06-15 11:58:34
1654
转载 iframe传值问题
父组件中： <iframe width="100%" height="100%" :src="url" frameborder="0" ref="growth-plan-management" ></iframe> mounted() { let iframe = this.$refs['growth-plan-management'].contentWindow let para
2021-04-14 13:55:44
210
转载 微信小程序使用web-view内嵌H5网页,并调用微信小程序支付
转载自：https://blog.csdn.net/wcy7916/article/details/90263039
2021-04-13 11:29:34
797
转载 H5页面与微信小程序相互跳转并传参(web-view)
转载自知乎：https://zhuanlan.zhihu.com/p/148693989
2021-04-13 10:43:40
2279
原创 基于vue的文章评论和回复列表
效果预览：父组件：<template> <div class="comment-reply"> <div v-for="(item, index) in articleLists" :key="index" class="article-list" > <div class="article-desc">{{ item.articleDesc }}</div>
2021-04-07 13:39:56
1259
原创 对象和数组深拷贝
/** * dest: 目标对象 * ori: 源对象*/function deepCopy(dest, ori) { for (const key in ori) { if (Object.hasOwnProperty.call(ori, key)) { const element = ori[key] if (typeof element === 'object') { // 引用属性...
2021-04-06 11:26:17
89
转载 解决vue引入BMapGL is not defined的问题
在项目src下添加bmpgl.js，内容如下：（ak是密钥）// bmpgl.jsexport function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement
2021-03-12 14:47:57
14912
1
原创 解决微信小程序scroll-view未被占满时滚动的问题
这种情况一般是因为scroll-view标签下第一个元素设置了margin-top产生的。<scroll-view scroll-y="true"> <view style="margin-top: 20px;"></view></scroll-view>解决方案：将margin改为padding。<scroll-view scroll-y="true"> <view style="padding-top
2021-03-03 11:59:05
1379
原创 后端返回图片信息是二进制流文件，前端vue如何解析
背景：使用axios请求接口，返回的打印返回的数据，浏览器控制台显示乱码，而在preview里查看却是一张图片。这时候应该怎么处理？放弃axios，使用XMLHttpRequest()代码如下：html部分：<img :src="qrCodeSrc" />js部分：let qrCodeUrl = '' // 要请求的接口地址 let xhr = new XMLHttpRequest() xhr.open('GET'.
2021-01-18 17:53:19
3366
原创 axios拦截器里终止请求
1、首先我们用一个值用来保存axios的终止函数，放在vuex里，方便全局调用。const state = { cancelAxios: null // 终止axios请求}const mutations = { setCancelAxios(state, n) { state.cancelAxios = n }}const actions = { setCancelAxios({ commit }, n) { commit('s
2020-09-17 11:20:15
4043
原创 vue项目路由模式为history时打包后部署在nginx服务器后，刷新页面空白的问题
放在nginx服务器根目录下的情况：vue.config.js配置：publicPath: '/'router配置：base: '/',mode: 'history'nginx配置文件：location / { try_files $uri $uri/ /index.html; root html; index index.html index.htm;}放在nginx服务器根目录下一个子目录下的情况（以子目录名称是demo为例）：vue.
2020-07-16 09:28:48
4715
原创 node.js使用了cors跨域中间件还是报跨域错误
一定要注意！app.use(require('cors')()) // 跨域中间件app.use(express.json())require('./routes/admin')(app) // 路由require('./plugins/db')(app) // 连接数据库这里引入路由文件一定要放在前两句的后面！！！...
2020-04-30 10:19:25
1933
1
原创 echarts坐标轴名称文字颜色混搭
以echarts某个官方实例为参考，实例地址：https://echarts.baidu.com/examples/editor.html?c=line-simple。option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']...
2019-07-15 16:54:23
4142
原创 elementUI日期时间控件控制选择时间区间不超过一个月
pickerBeginDateBefore: { disabledDate: (time) => { // this.electricityStatisticsEndDate是结束时间date控件的v-model值 let beginDateVal = this.electricityStatisticsEndDate ...
2019-04-19 11:54:41
8567
原创 js使用cookie实现7天免登录
登录成功时setCookie：function setCookie() { let userName = 'admin' // 用户名 let passWord = '1' //密码 let cookieName = 'userInfo' // cookie名称 let data = { username: userName, ...
2019-04-09 09:16:58
3563
原创 使用IIS打开本地站点时，无法访问本地json文件的解决办法
1.打开iis管理器，双击MIME类型，点击添加，如下：点击右侧添加 ，这样填写。确定。2.返回到IIS管理器，双击处理程序映射，如下：点击右侧添加脚本映射，这样填写。点击请求限制-谓词，这样填写。确定。3.重启IIS管理器即可。...
2019-04-03 11:06:41
3588
原创 vue配置axios实现POST请求后台php
1、首先项目安装axios和qs。（具体度娘，不多说）。2、main.js里引入axios和qs，然后配置axios。代码如下：import axios from 'axios'import qs from 'qs'// axios配置axios.defaults.timeout = 5000 // 响应时间axios.defaults.headers.post['Conten...
2019-03-15 09:57:05
1640
原创 纯CSS导航栏下划线跟随效果
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纯CSS导航栏下划线跟随效果</title> <style> ul {
2019-03-13 10:30:00
838
原创 忽略eslint检查的方法
只需在代码块的头部尾部分别添加/* eslint-disable */即可。/* eslint-disable */ var ****** **** *****/* eslint-disable */
2019-03-12 14:43:56
16801
2
原创 js获取css样式
情况分为两种：第一种 行内样式 第二种 其他样式一、行内样式获取比较简单，一般通过element.style.attr即可获取样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit
2019-03-11 11:53:21
4520
1
原创 Vue项目本地运行环境下设置既能localhost访问又能IP访问，并且可以外网环境下通过域名访问
打开项目build下index.js文件，将localhost改为 0.0.0.0，port端口号改不改都行，只要保证这个端口号没有被占用即可。然后打开项目package.json文件，找到将红框内的改为："dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --ho...
2019-03-04 10:40:46
11267
原创 解决vue项目打包后浏览器F12查看到项目源代码的问题
打开config下index.js文件，找到 productionSourceMap: true ，改为 false 即可。
2019-02-25 09:39:04
16660
原创 vue + ajax + php实现向服务器上传文件和从服务器上下载文件
前端代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></sc
2019-01-22 11:27:10
2228
1
原创 php + sqlserver如何使用事务
举个例子：<?php/** * php sql server事务 * Created by PhpStorm. * User: lu_master * Date: 2019-1-10 0010 * Time: 15:43 */header("Content-Type: text/html; charset=UTF-8");header('Access-Control...
2019-01-11 14:33:32
1336
原创 vue 验证码组件
<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template&
2019-01-10 11:57:14
2013
原创 VUE中用原生js实现轮播图效果
代码如下：HTML部分：<div class="mainBlock"> <!--显示的窗口--> <div class="displayWindow"> <!--可移动面板--> <div class="mobilePanel"
2018-12-29 15:52:10
3750
转载 apache 设置目录不可访问，具体目录下的文件可以访问
修改httpd.conf文件，Options Indexes FollowSymLinks修改为Options FollowSymLinks这样在浏览器输入apache服务器地址就无法查看到目录下的文件信息。
2018-12-25 10:44:07
3300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人