自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 Vue-Router的传参方式

Vue-Router的传参方式

2023-11-12 14:46:43 150

原创 Axios的传参方式

Axios的传参方式。

2023-11-11 23:49:23 328

原创 element中checkbox组件中的indeterminate状态(全选、半选)

checkbox有三种状态全选(显示的'√'),选中部分(显示的'-'),全不选(空)

2023-10-16 15:45:52 616

原创 JS封装防抖和节流

封装防抖和节流

2023-03-12 14:04:24 140

原创 Vue组件通信

Vue组件通信

2023-02-28 14:54:33 75

原创 Vue树状评论

Vue实现树状评论

2023-02-26 15:11:34 337

原创 下载node_modules内的依赖包

下载node_modules依赖包

2022-09-01 17:40:51 1992 3

原创 Vue组件的创建与使用

组件的创建与使用

2022-08-10 17:45:46 330

原创 Message提示显示时间

element ui 上的Message显示时间由于各种影响,显示的时间会过长或者过短,我们可以在原型链上修改显示的时间import { Message } from 'element-ui';Vue.prototype.$message = function (msg) { Message(msg)}Vue.prototype.$message = function(msg){ return Message({ message:msg, duratio...

2022-05-27 14:17:37 1783

原创 CSS强制换行

强制换行以后溢出的文字不会被隐藏,可以看到所有的文字。white-space: pre-line !important;word-break: break-all !important;word-wrap: break-word !important;

2022-05-25 16:24:37 2008

原创 VSCode设置自动保存

1.进入设置2.搜索auto save 选择自动保存的方式afterDelay:在配置的“Files:Auto Save Delay”之后,会自动保存具有更改的编辑器onWindowsChange:当窗口失去焦点时,会自动保存具有更改的编辑器onFocusChange:当窗口失去焦点时,会自动保存具有更改的编辑器...

2022-05-07 10:58:53 1084

原创 vue elementUI下拉框值无法选中问题

大家在写系统的时候,会有这样的需求:点击修改后吧需要修改的数据放入表单,其中会有下拉单选框、下拉多选框。1、展示下拉框单选框内的数据只需要将所选id赋值给下拉框绑定的值就可以了。在修改的时候,大家会发现下拉框选择不了,出现这问题的原因就是视图更新不够及时,在下拉框绑定一个change事件,写入this.$forceUpdate()就不会出现问题了<el-form-item label="游戏"> <el-select v-model="form.gamesId" filt

2022-04-22 14:21:25 11035 1

原创 图片懒加载

我们写项目的时候,可能会出现图片加载慢或者加载出错的问题,展示出来的界面会很丑,用户体验差的这些问题,这个时候我们就可以使用图片懒加载一、npm 安装cnpm install vue-lazyload --save这里使用的是淘宝镜像cnpm安装,不知道的小伙伴可以查一下二、在main.js文件中进行配置// 图片懒加载import VueLazyload from 'vue-lazyload' //引入依赖Vue.use(VueLazyload) // 配置项Vue.use

2022-03-05 09:59:00 173

原创 VSCode运行Vue项目后自动打开浏览器

因脚手架版本的不同,项目运行可以使用npm run dev 和 npm run serve当使用npm run start 的时候在config文件里面找到index.js文件,修改里面的属性autoOpenBrowser: true,当使用npm run serve 的时候在根目录找到vue.config.js文件,修改里面的属性devServer: { open: true, overlay: { warnings: false, errors: true

2022-02-22 17:24:35 4807 3

原创 Vue项目使用插件生成二维码

1.首先要安装插件cnpm install --save qrcodejs22.在页面中引入import QRCode from 'qrcodejs2' // 二维码<template> <div id="qrcode" ref="qrcode"></div></template>生成二维码的方法qrcode () { let qrcode = new QRCode('qrcode', {

2022-02-19 17:54:49 589

原创 Git提交代码步骤

1.首先要保证你的代码是最新的,要拉取git上的代码git pull2.查看有修改过的文件(标红色的文件表示未提交到缓存区,绿色字表示已经添加到了缓存区)git status3.把代码提交到缓存区,提交到缓存区后可以再次使用git status查看文件状态,如果所有文件都为绿色,证明已经添加到了缓存区git add .4.提交代码并备注git commit -m '备注'5.将代码推到git上(为了防止提交代码时出现错误,通常都会先提交到分支里面,确认不会出现问题以后

2022-02-19 09:22:52 12703

原创 VScode运行uniapp项目

一、在VScode中创建项目vue create -p dcloudio/uni-preset-vue my-project二、在各种小程序端运行//启动项目(微信小程序)npm run dev:mp-weixin //启动项目(h5)npm run dev:h5 //启动项目(app平台)npm run build:app-plus (也就是App平台运行调试不支持cli方式,需在HBuilderX中运行调试) //启动项目(支付宝小程序) npm run dev:m

2021-08-13 13:55:12 12365 3

原创 Vue相关配置版本的查看

一、查看Vue的版本1.查看全局vue的版本npm info vue注:npm info vue 和 npm info vue version 都可行2.查看项目中vue的版本(局部vue的版本)npm list vue version注:npm list vue version 或者 npm list vue 都是可以的哦3.在package.json中查看vue版本可以直接在项目配置文件中直接查看项目配置的vue的版本二、查看vue-cli的版本vue -Vvue -

2021-03-17 10:54:30 2602

原创 创建一个Vue项目

创建一个Vue项目一、前提条件在创建一个Vue项目之前,我们首先得安装VScode和node.js。这里VScode和node.js的安装很简单,也就不再赘述啦。node.js官网:node.jsVScode下载:VScode软件下载(注:第一次使用VScode的小伙伴要注意,VScode需要安装一些插件才会使你的代码看起来更加的漂亮哦)二、全局安装vue-cli全局安装vue-cli可以帮助我们更加快速构建Vue项目。打开VScode的终端(如下图),大家也可在电脑终端安装哦。将路径切换到项

2021-03-08 16:30:03 171 1

原创 报错Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“found

Error in render: "TypeError: Cannot read property ‘matched’ of undefined"found出现这个错误时,npm命令运行不会出错,但是页面会报错创建router实例的时候命名必须规范

2021-02-03 12:01:04 192

原创 ESlint 配置文件 ESlint的语法检测

"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": 2

2021-02-03 11:21:51 407

原创 编写Node.js时出现800A138F的错误

编写Node.js时出现800A138F的错误运行Node.js 文件时,出现800A138F这样的错误的解决方法。第一个:在你要运行的node.js文档之前添加node命令。如:第二个:对项目进行初始化npm init一路回车,生成package.json文件这样便不会出现800A138F的错误啦...

2021-01-04 14:01:44 1729

原创 如何在Github上发布微信小程序,并生成链接分享给别人

如何在Github上发布微信小程序,并生成链接分享给别人如果想要在Github上发布你的项目,首先你必须拥有一个Github账号,要先到Github上注册一个账号。第一步:打开微信小程序,点击版本管理。第二步:初始化仓库第三步:在...

2020-11-16 23:23:06 3810 1

原创 微信小程序之运用云函数对云数据库进行增删改查

微信小程序之运用云函数对云数据库进行增删改查首先要创建并配置好云环境创建云环境打开微信小程序 点击云开发 创建云环境云环境创建以后微信小程序暂不支持删除云环境哦 所以要给云环境取名规范哦配置云环境新建一个目录 我将它命名为cloud 打开project.config.json写上云函数所在目录"cloudfunctionRoot": “cloud/” 当目录带有一个云朵的时候就是云函数上传并部署成功新建云函数目录在云函数的目录下面新建Node.js云函数增加const cloud =

2020-11-06 17:05:00 2085

原创 Idea动态Web项目设置启动页

Idea动态Web项目设置启动页这个很简单的啦只要在web.xml中配置一下就可以啦<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.or

2020-10-09 19:27:57 1357

原创 小程序数据库API获取数据或者云函数获取数据成功但无结果

小程序数据库API获取数据或者云函数获取数据成功但无结果这个是你小程序后台数据库权限的问题这样就可以了最后吐槽一句微信小程序是真的很坑

2020-10-06 16:54:12 576

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除