- 博客(47)
- 收藏
- 关注
RSS订阅原创 微信云开发简易登录
使用wx.getUserProfile去获取用户头像和昵称会默认显示微信用户和回头像，所以我们这里没有必要去使用了，注册成功后再让用户去改头像和昵称。具体参考：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html。云开发会自动给userInfo表插入openid，就很方便。
2023-05-26 13:15:22
380
1
原创 addRoute动态添加路由与重置路由
问题： addRoutes 方法仅仅是帮你注入新的路由，并没有帮你剔除其它路由。routrer文件夹index.js。addRoute动态添加子路由。
2023-05-13 18:36:04
1765
3
原创 vue运行报错cache-loader
考虑node版本问题node16.15.0降级到12.20.0后npm9.6.2显示版本太高,再把node降级到14版本，还是跑不通。运行npm run dev 后报错，安装cache-loader后也无法跑起来。考虑为npm版本问题将npm9.6.2降级到6.14.8解决问题。cnpm从9.0.1降到7.0.1也同样可运行。
2023-04-18 20:51:37
6620
原创 el-select滚动条到底部触发请求
下拉框一下子请求上万条数据导致请求超时，我们可以使用分页请求，当el-select滚动触底的时候可以触发请求下一页。
2022-09-15 16:04:41
1198
原创 vue-json-excel 导出 字符串或数字过长 采用科学计数法问题解决
在源码中 把把<“td”>标签中添加style属性style=“mso-number-format:\@;”或者在值后面加空格
2022-05-16 21:48:10
782
原创 CentOS 7.6一键安装 nginx及生产跨域配置
1.运行一键安装命令yum install -y make cmake gcc gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel && wget http://nginx.org/download/nginx-1.12.2.tar.gz && tar zxvf nginx-1.12.2.tar.gz && cd nginx-1.12.2 && ./configure -
2022-05-05 10:16:05
1175
原创 vue.config配置开发跨域
前端跨域//1.简单代理// module.exports = {// devServer: {// proxy: 'http://112.74.78.148:5000'// }// }const path = require("path");function resolve(dir) { return path.join(__dirname, dir);}//1.多个代理module.exports = { devServer: {
2022-04-26 12:07:59
1391
原创 使用tinymce富文本编辑器二次修改渲染问题
使用v-if控制tinymce的显示和隐藏，等于就是控制组件的创建和销毁。1.编辑或详情时，open 为 true，tinymce 组件会加载渲染，关闭弹窗，则 open 为 false，组件从document中移除。2.可与el-dialog框绑定为true时，富文本也为true...
2022-04-21 22:40:24
1521
原创 element样式修改和一下功能总结
1.左侧菜单.el-menu-item { //设置二级菜单的默认样式 color: #a6a6a6; background-color: #3f4d5e !important;}.el-menu-item:hover { //设置二级菜单的鼠标经过时候的样式 background-color: #515e6f !important; color: #fff !important;}.el-submenu__title { //设置一级菜单选项默认状态的样式 font
2022-03-30 15:51:47
1091
原创 vue项目中安装低版本less依赖
1.卸载命令npm uninstall less-loader2.安装命令版本过高可能会报错这里我们安装5.0.0版本npm install less-loader@5.0.0 --savenpm install less --save
2022-03-30 10:44:20
1808
原创 :hover选择器:active选择器和:focus选择器
:hover选择器:active选择器和:focus选择器:hover选择器：当鼠标悬停在所指定的元素上时所使用的样式；:active选择器：当所指定的元素处于激活状态（鼠标在元素上按下还没有松开）时所使用的样式；:focus选择器：当元素获得光标焦点时使用的样式，主要用在文本框输入文字时使用；.el-button--danger:focus { background: #FF4949; border-color: #FF4949; color: #FFF;}.el-bu
2022-03-29 11:21:36
975
原创 引入方式修改element样式
1.html<template> <div> <el-container> <el-header class='m-header'>Header</el-header> <el-main>Main</el-main> </el-container> </div></template>2.修改样式 .m-header{ he
2022-03-24 11:52:23
333
原创 vue点击百度地图获取坐标
<template> <el-form> <el-row :gutter="24"> <el-col :span="12"> <el-col :span="12"> <el-form-item label="位置经度" prop="lng"> <el-input v-model="model.lng" type="number" class="in
2022-03-08 10:38:20
818
原创 vue父子组件通信
子传父子：this.$emit(‘自定义事件名称’, 数据) 子组件标签上绑定@自定义事件名称='回调函数“”父：methods: { 回调函数(子组件数据，子组件数据) { //逻辑处理 } }父传子父：自定义属性名 + 数据（要传递）=> :value="数据"子：props ["父组件上的自定义属性名“] =>进行数据接收...
2022-02-21 00:23:54
406
原创 vue上传图片
<el-form-item label="封面照片：" prop="cover"> <el-upload class="upload-demo" action="https://community/file/upload" :on-preview...
2022-02-08 14:26:18
437
原创 vue+elementUI 前端 select选择框同时传两个值给后端
介绍：form表单中有一个select选择框，下拉框显示人员名称，选中之后显示在框里要求：今天后端小哥哥要求选中之后，form表单提交时，select选择框同时传递两个值，即选中的人员姓名以及人员id。实现： <el-form-item label="居住情况：" prop="liveTypeName"> <el-select v-model="ruleForm.liveTypeName
2022-01-12 16:49:00
4515
原创 element查询框例子
下拉查询框 <el-col :span="2"> <el-select v-model="form2.source" filterable placeholder="类型" clearable size="mini"
2021-12-02 10:27:38
555
原创 路由传参跳转的两种方法
方法1 goRouter(row) { // 路由跳转各种详情 let routeData = this.$router.resolve({ path: '/merchant/mallOrder/details',//跳转地址 query:{ //参数 id: row.id, getGoodsType: row.getGoodsType, .
2021-11-29 23:17:15
628
原创 小程序上传图片
上传图片<view class="box1" bindtap="handleUpload">上传</view> handleUpload() { wx.chooseImage({ count: 1,//最多可以选择的图片张数 sizeType: ['original', 'compressed'],//压缩原图 sourceType: ['album'],//选择图片的来源相册，拍照 //
2021-11-12 15:08:32
227
原创 微信小程序
A<!--pages/demo1/demo1.wxml--><view class="box" bindtap="editPetName"> <view class="text">{{name}}</view></view>Page({ data: { name:"hello",},editPetName (e) { wx.navigateTo({ url: '/pages/demo
2021-11-09 19:14:24
328
原创 登录方法案例
1.登录<el-form ref="loginFormRef" :rules="rules" :model="loginForm" label-width="0" class="login_form"> <el-form-item class="buts"> <el-button type="primary" @click="login">登录</el-button> <el-button type=
2021-10-11 16:38:58
71
原创 路由守卫的使用
router.beforeEach()// 挂载路由守卫router.beforeEach((to, from, next) => { // to将要访问的路径 // from从哪个路径跳转而来 // next()放行 next(./login)强制跳转 if (to.path === '/login') return next() // 获取token const tokenStr = window.sessionStorage.getItem('token') if
2021-10-11 16:31:04
170
原创 element-ui分页的使用
<el-pagination class="pagination" :page-size="limit" background layout="prev, pager, next" :total="total"//这里！！ :current-page="currentPage" @current-change="handleCurrentChange" ></el-pagination>data() { return { ...
2021-10-04 21:09:49
116
原创 推荐一些好用的vscode插件
[Deprecated] Debugger for ChromeAtom One Dark ThemeAuto Close TagChinese (Simplified) Language Pack for Visual Studio CodeEditorConfig for VS CodeESLintHTML CSS SupportHTML SnippetsJavaScript (ES6) code snippetsJavaScript Snippet PackLive Server.
2021-10-04 10:46:16
164
原创 v-for和v-if同时使用方法
1…加template <el-submenu v-for="(item,index) in $router.options.routes" :index="index+''" :key="index"> <template slot="title"><i class="el-icon-message"></i>{{item.name}}</template> <template v-for="
2021-10-03 19:53:17
286
原创 jQuery的使用
一、选择器$("#id") id选择器$(“div”) 标签选择器$(".Class") 类选择器$(“div.p.a”) 并集选择器$(“li:odd”) 奇数选择器$(“li:even”) 偶数选择器$(“li:eq(0)”) 索引为0选择器.children(‘li’) 子类.find(‘li’) 后代.siblings(‘li’) 兄弟.parent() 父亲.eq(0) 索引.next() 下一个兄弟.prev() 上一个兄弟.nextAll() 之后所有兄弟.pr
2021-10-01 01:00:32
153
原创 AJAX请求
Ajax基础使用1.创建一个get请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>get请求</title> <style> #result{ width: 200px; height: 100px; border:
2021-09-29 22:21:01
159
原创 CSS基础
list-style:none;去除ul标签的黑点overflow:hidden;裁剪溢出内容opacity:0.5;设置透明度filter:alpha(opacity=50);设置透明度兼容IE8:hover{}鼠标选择改变颜色border: 0px, solid, red;设置边框1.边宽2.实线,3颜色
2021-09-25 21:34:04
51
原创 JS基础案例
全选案例<html> <head> <style type="text/css"> *{ margin: 0; padding: 0; } #hello{ width: 500px; margin: auto; margin-top:
2021-09-22 22:16:34
149
原创 javascript基础
witch的使用var num = 1；witch (num){ case 1: console.log("1") break; case 2: console.log("2") break; case 3: console.log("3") break; default: console.log("非法") break;}
2021-09-19 12:15:58
557
原创 vue路由的使用
1.安装npm install vue-router2.创建文件夹router并新建index.js3.配置并注册routerimport Vue from 'vue'import VueRouter from 'vue-router'//1.导入routerconst Home = () => import('views/home/Home')//懒加载// 2.注册VueRouterVue.use(VueRouter)// 3.配置路由信息const routes = [
2021-09-01 22:37:34
244
原创 2003 - Can‘t connect to MySQL server on ‘localhost‘ (10061 “Unknown error“) 解决方法
右键电脑选择管理=>选择服务找到MySQL发现是关闭状态然后启动如果服务中没有Mysql打开管理员模式打开CMDcd进入MySQL的bin目录
2021-08-31 22:23:19
181
原创 fastclick解决移动端300ms延迟
1.安装npm install fastclick --save2.导入main.js3.使用attach函数import Vue from 'vue'import App from './App.vue'import FastClick from 'fastclick'Vue.config.productionTip = false//解决移动端300msyanchiFastClick.attach(document.body)new Vue({ render: h => h
2021-08-29 00:08:06
76
原创 vue图片的懒加载vue-lazyload的使用
1.安装npm install vue-lazyload --save2.导入到main.js3.注册到Vue.use（VueLazyload）4.修改img的src=>v-lazyimport Vue from 'vue'import App from './App.vue'import VueLazyload from "vue-lazyload";Vue.config.productionTip = false//懒加载的插件Vue.use(VueLazyload)new
2021-08-28 23:41:23
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人