- 博客(23)
- 收藏
- 关注
原创 宝塔用IP建站“无法访问此网站”解决办法
确定检查端口是否已经放行后如果还访问不到站点,直接到阿里云云服务器控制台重启服务器,然后远程输入bt,这时候打开了宝塔菜单,输入1重启宝塔面板即可访问到创建的站点(前提是站点端口已放行,443和80同理放行)
2024-05-17 17:19:33
1589
原创 vue3 props同时接收String, Boolean无效?同时watch监听不到解决办法
【代码】vue3 props同时接收String, Boolean无效?
2023-03-24 15:07:31
896
原创 el-upload使用http-request添加手动上传方式
填form表单的时候提交文件后不想直接上传后台,想填完其他数据后再按保存按钮一起提交:像这样el-upload的自动上传是不满足需求的。
2023-03-22 09:31:41
981
原创 ElementUI 踩坑解决:van-tabs传值监听不到,修改不到v-model:active,切换不了下标的;
ElementUI 踩坑解决:van-tabs传值监听不到,修改不到v-model:active,切换不了下标的;
2023-03-03 17:38:26
1938
原创 JS如何手写new(一看就懂)
如以下构造函数,使用new关键字:function One(name, age) { this.name = name; this.age = age;}let a = new One();console.log(a);手写new,分四步骤,直接贴代码://Fun为构造函数, args表示传参function myNew(Fun, ...args) { // 1.在内存中创建一个新对象 let obj = {}; // 2.把新对象的原型
2022-05-07 10:36:24
5787
2
原创 使用 cell-dblclick 实现elementUi 表格 双击编辑单元格
<template> <el-table :data="tableData" style="width: 100%" @cell-dblclick="cellDbClick"> <el-table-column prop="date" label="Date" width="180" /> <el-table-column prop="name" label="Name" width="180" /> <el-table-co
2022-03-24 14:50:34
6740
原创 element-plus 遇到的坑(dialog和日历选择组件DatePicker一起使用,显示隐藏出现bug)
问题描述提示:这里描述项目中遇到的问题:elementPlus中的DatePicker在dialog中选择完日期组件不会自动隐藏解决方案:升级element-Plus版本原先的版本是 2.0.5 导致组件错误yarn remove element-plusyarn add element-plus@2.1.4...
2022-03-18 11:29:38
1733
转载 elementUI的表单resetFields()方法无法清空
首先需要注意几个问题:1.我们需要为每个form-item加上prop属性,要不然无法清空(大部分的问题就是出在这)2.resetFields()方法是重置表单,重置为初始值,而不是设置为空值3.在resetFields()方法之前,如果修改了data里的表单默认值,那么重置以后就是你修改以后的值,而不是data里的值了问题1、页面有个新增和编辑共用的弹出框,在页面初始化后先点新增,后编辑,正常。2、先编辑,后新增使用resetFields()表单数据竟然没有清空。原因1、当我们先新增再
2022-03-14 16:18:37
5890
2
原创 koa框架中jwt的使用(jsonwebtoken)
一、安装jsonwebtoken、koa-jwtyarn add jsonwebtoken koa-jwt或npm install jsonwebtoken koa-jwt先安装 jsonwebtoken 和 koa-jwt 后面需要导入使用二、使用步骤1.登录接口:生成token上图表示在登录接口请求成功后,使用jwt.sign生成token并一起返回给前端const token = jwt.sign({ data //用户数据},'vueManager',{expiresIn:
2022-03-05 20:40:18
1801
原创 新版elementPlus的icon动态渲染(菜单渲染)
问题描述:今天做菜单动态渲染的时候,遇到需要icon的渲染问题,百度后发现可以使用component进行动态渲染,即下图<el-sub-menu index="2" v-for="menu in menuList" :key="menu._id"> <template #title> <el-icon :size="20"> <component :is="menu.icon" />
2022-03-03 14:29:44
7035
7
原创 使用mongoose实现登录接口
(以下代码的前提是数据库已开启)1. 创建Schema: 相当于一个数据库的模板2.创建用户登录的路由并且导出3.挂载路由(注意router和users需要引入)
2022-03-01 23:08:10
516
原创 简单使用展开运算符... 来实现浅拷贝
刚遇到的问题在小程序的data有变量 a和b,然后我在onload中给他俩传了同一个数组对象;这样的做法导致我后面修改 a 值的时候,b也一起改变了(深拷贝)解决方法:赋值的时候采用使用 展开运算符... 来实现浅拷贝: this.setData({ a:[...res.data], //res.data是个数组对象 如果是个对象则用{...res.data} b:[...res.data] })...
2021-11-29 19:33:38
449
原创 微信小程序之登录授权和token的处理机制
目录一. wx.getUserProfile()一. wx.login()案例三. 封装 request 请求四. token应用技巧一. wx.getUserProfile()信息授权:使用wx.getUserProfile() (wx.getUserInfo()弃用) ,获取用户信息。页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用(需要用户手动触发不能自动触发事件),每次请求都会弹出授权窗口,用户同意后返回 userInfo;使用方法:getUserProfile(
2021-09-24 18:40:53
8429
4
原创 better-scroll 在vue中的使用
代码<template> <div class="test"> <div ref="box" class="box" style="height:400px;overflow:hidden"> <ul class="content"> <li class="green"></li> ...
2020-04-23 12:10:33
197
原创 vue组件封装:封装一个简单的input组件
组件封装: 的JavaScript的<模板> <DIV:类=“ {'内联':直列}”> <跨度N-如果=“ this.label”> {{此标签}} </ /跨度> <输入类型=“文本”:值=“值”:占位符=“占位符” @input =“ $ generate('input',$ event.target.value)” DIV> &l...
2020-04-23 11:04:55
1541
原创 路由跳转传值
跳转路由代码: @click="$router.push({name:'shop',params:{user:'lin',pass:'123'}})使用beforeRouteEnter对象中to.params接收params:<script>export default { beforeRouteEnter(to, from, next) { next(vm =&...
2020-04-18 10:15:46
194
原创 项目经验必备:GitHub搜索开源项目小技巧
GutHub上面的开源项目非常丰富,这对于没有项目经验的我们十分的有帮助,但是进到官网搜索却搜出一大堆不想要的,下面教大家如何进行高级搜索:1、根据star、fork数量范围查询stars:>1000forks:>1000例子: vue stars:40002、使用in搜索github发布的位置name (仓库名)description (简介)readme (...
2020-04-08 15:18:57
478
原创 Vue项目上线优化2:通过externals加载外部cdn资源,减少引入的模块和依赖项占用内存
通过externals加载外部cdn资源,这种方式比引入代码更加优化,减少代码占用内存,适合在发布阶段使用(底部有优化对比图)。1、为了区分发布模式和开发模式,可以先配置入口文件,在根目录vue.config.js中:module.exports = { chainWebpack:config=>{ //发布模式 config.when(proce...
2020-04-05 11:46:28
1308
1
原创 Vue项目上线优化1:如何去除vue项目中的所有console的内容
vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码,其实方法很简单:下载依赖包 npm install babel-plugin-transform-remove-console --save-dev;下载成功后在根目录的babel配置文件中,plugins数组中添加"transform-remove-console"即可。...
2020-04-04 18:35:11
1312
原创 git 常用命令及操作远程仓库
git常用命令:一、基本git init 创建本地库git add 添加文件到队列git rm 删除队列中的文件git commit -m “备注” 将队列中的文件添加到本地库git status 查看状态二、分支git branch 查看分支git branch “分支名” 创建分支git checkout “分支名” 切换分支三、操作远程仓库gi...
2020-03-21 00:36:49
154
原创 解决Uediter 表格没有边线的问题(富文本使用)
解决Uediter 表格没有边线的问题在下载的文件根目录下找到ueditor.all.js 做四处修改1.找到下面代码修改utils.each(tables, function (table) { removeStyleSize(table, true); domUtils.removeAttributes(table, ['style', 'border'] );...
2019-12-07 11:08:45
565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人