- 博客(29)
- 收藏
- 关注
RSS订阅原创 MQTT连接小程序实时消息监测
在 utils 文件夹下新建一个 mqtt.min.js 文件，将cdn里的代码复制进来。在需要监测消息的页面引入 mqtt.min.js。根据自己的需求改了一下。
2022-09-29 11:28:33
709
1
原创 vue+element plus 点击左侧菜单，右侧内容根据路由切换
菜单切换之前都是用菜单el-menu和el-tabs标签页拼接的，但是菜单没有的组件打不开了，所以改为根据路由打开内容，主要就是改为router-view借鉴学习了这位大大的思路 指路链接自己成功之后记录下路由 router.jsconst routes = [ { path: '/', name: 'home', component: () => import("../views/Home.vue"),////这里是核心： center作为容器组件，包含左右菜单
2022-01-19 10:53:31
4446
2
原创 vue移动端适配，flexible+px2rem-loader
首先装包npm i lib-flexible --save npm i px2rem-loader --save 装完之后修改一下flexible.js的一个地方（因为依赖中当屏幕宽度大于540后，width固定写死了）改完之后的代码function refreshRem(){ var width = docEl.getBoundingClientRect().width; if (width / dpr > 540) { wi
2021-08-17 16:08:24
275
原创 ElementUI使用中的css小bug
表格表头和内容列对不齐/* 解决element-ui 表格篡位的问题 */.el-table th.gutter{ display: table-cell!important; }表格中间有一条白线/* 表格不显示一条线 */.el-table--group::after, .el-table::before { background-color: transparent;}...
2021-03-23 15:15:42
132
原创 Vercel+Github托管运行自己项目
注册或登录 Vercel，我用的是 Github 账号将代码上传到 Github 之后接下来就是操作 Vercel 了先在命令行通过 npm 命令安装 Vercel：npm install -g vercel安装完成后，进入 index.html 所在目录，使用 vercel 命令发布网站：vercel --prod然后会让你输入一些选项，比如项目名称、是否修改配置等，一路回车就可以了~发布成功，会得到一个网址，就可以打开了，还可以把网址分享给别人！参考链接 然后记录了一下自己的用法
2021-02-02 16:16:07
2526
原创 小程序开发之第一次加载页面获取不到openid的问题
代码就不贴了，就是改变了逻辑之前一直是在app.js里获取到openid然后存在storage里，用到的页再获取，但是在第一次加载启动页的时候总是获取不到openid，这个确实是因为异步问题，一直也没有解决，后来经大佬点醒，为什么一定要在app.js里获取，在启动页先获取openid然后再执行别的操作不就可以了？？！对吼！完美解决！！！...
2021-01-28 10:11:21
565
原创 vue导出excel （兼容ie）
参考文章链接首先在公共js文件里新建exportExcel.js文件，输出一个exportMethod函数import axios from "axios";// 导出Excel公用方法export function exportMethod(data) { axios({ method: data.method, url: `${data.url}${data.params ? "?" + data.params : ""}`, responseType: "blob"
2020-12-09 11:19:52
607
原创 vue解决IE9及以下不显示placeholder的问题
参考文章链接因为我是vue+elementUI的项目，所以不会每次切换菜单都会刷新浏览器，所以整理了一下vue里的用法首先在公共js文件里新建placeholder.js文件，输出一个PlaceholderInit函数//解决ie下 input 的placeholder不显示问题export function PlaceholderInit() { return jQuery(function() { var placeholderfriend = { focus: fun
2020-12-08 13:44:45
890
原创 vue项目安装使用scss
npm安装一些包的时候，会默认安装最新版本，但过高版本的sass会导致scss编译错误安装依赖（指定低版本安装）npm install [email protected] --save-devnpm install [email protected]在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.scss$/,loaders: ['style', 'css', 'sass']}在vue文件中使用<template>
2020-11-12 19:41:41
258
原创 VUE项目打包之后修改配置文件（包括后台地址，图片公共路径等）
Vue 打包后，如果想修改整体的后台接口域名，或者图片文件的路径，就需要在源代码中修改后，再次进行build打包。这样很不灵活，先看一下vue打包后的文件结构：项目打包后会生成一个dist文件夹dist中有一个存放外部资源的static，它里面的文件是不会被打包编译的，所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js文件的方式引入，也就是将图中的config.js引入到项目里的index.html中使用，然后就可以全局使用。项目中使用到的文件大致有上图几个1
2020-11-03 16:09:59
10533
5
原创 ElementUI自定义表头 :render-header
将饿了么表格表头的文字修改为图标template部分修改如下：<el-table-column align="center" :render-header="renderHeader"> <template></template></el-table-column>js添加事件如下：// render 事件renderHeader(h, { column }) { // h即为cerateElement的简写，具体可看vue官方文
2020-09-17 11:09:15
2995
原创 Vue图片预览组件v-viewer，支持旋转、缩放、翻转等操作
借鉴：Vue Vue图片浏览组件v-viewer，支持旋转、缩放、翻转等操作官网：v-viewer
2020-09-17 10:56:12
564
原创 VUE项目打包之后修改配置文件（包括后台地址，图片公共路径等）
本文是在借鉴了vue实现分环境打包步骤https://blog.csdn.net/zuoyiran520081/article/details/80812788的基础上实现了自己想要的效果：打包后可以修改地址项目目录及需要修改的文件如下图首先修改config配置文件修改config内的dev.env.js文件：'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')mo
2020-09-08 09:19:17
3333
原创 git（包含Tags）上传以及下载项目的命令
git项目上传git init初始化一个新本地仓库，它在工作目录下生成一个名为.git的隐藏文件夹git add .把工作时的所有变化提交到暂存区git commit -m '备注’提交更新并备注为“备注”git remote add origin GitHub地址上传到GitHub项目（先在GitHub里创建项目，才有地址可以上传）git push -u origin master将本地的master分支推送到origin主机，同时指定origin为默认主机，后面就可以不加任何参数使用
2020-08-17 16:04:27
570
原创 HBuilder X 回车之后，代码不能自动补全
确认HBuilder X是关闭状态，点击HBuilder X安装目录下的reset.bat文件，提示“确认清除HBuilder X的所有配置吗? 按任意键回车继续，或输入N回车退出…”，随便输入一个字母按回车，重置HBuilder X，可以解决代码不能自动补全的问题...
2020-05-18 08:45:59
6745
原创 error: RPC failed; curl 18 transfer closed with outstanding read data remaining
git config --global http.postBuffer 524288000git config --global http.postBuffer 2147483648git config --global http.sslVerify “false”git clone https://github.com/PanJiaChen/vue-element-admin...
2020-03-18 13:42:26
300
原创 饿了么table后台排序以及分页问题
首先，官网是这么说的不需要后台的排序很简单，就不说了，接下来说一下对接后台的排序以及分页问题首先在table上写一个 sort-change 事件，指向一个函数 sortChange然后在需要排序的列上面写上 sortable=‘custom’sort-change方法自带三个参数，分别代表意义是：column：当前列prop：当前列需要排序的数据order：排序的规则（升序、降...
2020-03-12 15:38:14
1922
原创 vue项目里不用npm怎么引入使用外部包
在index.html头部用script引入包，包最好放在static里在main.js里引入和定义，在页面即可直接使用$echart
2020-03-11 19:24:59
2850
1
原创 webstrom误删文件怎么找回
右键点击项目名 - - Local History - - Show History点击去之后左边是文件修改记录，点击右边会有对应的文件，双击点开，右下角可恢复文件此操作也可查看修改的代码...
2020-03-11 19:02:25
272
原创 vue项目ie浏览器不显示问题
安装babel-polyfillnpm install --save-dev babel-polyfillmain.js里引入该包build下面的webpack.base.conf.js里加入以下代码以上可以解决的话，下面的可以不用管，如果不行也加进去看看吧...
2020-03-11 18:53:06
1927
原创 echarts饼图or玫瑰图后台动态获取数组渲染图形
data里声明一个数组请求成功之后，循环每一条数据，获取到我们需要的数据循环里声明一个格式相同的对象，每一次循环取到对象之后，放到data里的数组里去最后echarts的data就是data里声明的数组附送一个自定义图像区域颜色...
2020-03-11 18:39:23
620
原创 时间格式化：年 - 月 - 日
时间格式化：年 - 月 - 日mounted() {// 时间定时器let _this = this // 声明一个变量指向Vue实例this，保证作用域一致this.timer = setInterval(() => {let a = new Date()let nian = a.getFullYear()let yue = (a.getMonth() + 1).toStr...
2020-03-11 18:19:50
242
原创 关于Form表单- - -Missing required prop: “value“
关于Form表单- - -Missing required prop: “value”From表单下拉框select需要动态绑定值，option需要value
2020-01-02 08:23:25
7910
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人