- 博客(26)
- 收藏
- 关注
原创 element中checkbox组件中的indeterminate状态(全选、半选)
checkbox有三种状态全选(显示的'√'),选中部分(显示的'-'),全不选(空)
2023-10-16 15:45:52
1010
原创 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
2095
原创 CSS强制换行
强制换行以后溢出的文字不会被隐藏,可以看到所有的文字。white-space: pre-line !important;word-break: break-all !important;word-wrap: break-word !important;
2022-05-25 16:24:37
2077
原创 VSCode设置自动保存
1.进入设置2.搜索auto save 选择自动保存的方式afterDelay:在配置的“Files:Auto Save Delay”之后,会自动保存具有更改的编辑器onWindowsChange:当窗口失去焦点时,会自动保存具有更改的编辑器onFocusChange:当窗口失去焦点时,会自动保存具有更改的编辑器...
2022-05-07 10:58:53
1221
原创 vue elementUI下拉框值无法选中问题
大家在写系统的时候,会有这样的需求:点击修改后吧需要修改的数据放入表单,其中会有下拉单选框、下拉多选框。1、展示下拉框单选框内的数据只需要将所选id赋值给下拉框绑定的值就可以了。在修改的时候,大家会发现下拉框选择不了,出现这问题的原因就是视图更新不够及时,在下拉框绑定一个change事件,写入this.$forceUpdate()就不会出现问题了<el-form-item label="游戏"> <el-select v-model="form.gamesId" filt
2022-04-22 14:21:25
11402
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
229
原创 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
5858
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
723
原创 Git提交代码步骤
1.首先要保证你的代码是最新的,要拉取git上的代码git pull2.查看有修改过的文件(标红色的文件表示未提交到缓存区,绿色字表示已经添加到了缓存区)git status3.把代码提交到缓存区,提交到缓存区后可以再次使用git status查看文件状态,如果所有文件都为绿色,证明已经添加到了缓存区git add .4.提交代码并备注git commit -m '备注'5.将代码推到git上(为了防止提交代码时出现错误,通常都会先提交到分支里面,确认不会出现问题以后
2022-02-19 09:22:52
12877
原创 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
12647
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
2890
原创 创建一个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
208
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
254
原创 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
474
原创 编写Node.js时出现800A138F的错误
编写Node.js时出现800A138F的错误运行Node.js 文件时,出现800A138F这样的错误的解决方法。第一个:在你要运行的node.js文档之前添加node命令。如:第二个:对项目进行初始化npm init一路回车,生成package.json文件这样便不会出现800A138F的错误啦...
2021-01-04 14:01:44
1900
原创 如何在Github上发布微信小程序,并生成链接分享给别人
如何在Github上发布微信小程序,并生成链接分享给别人如果想要在Github上发布你的项目,首先你必须拥有一个Github账号,要先到Github上注册一个账号。第一步:打开微信小程序,点击版本管理。第二步:初始化仓库第三步:在...
2020-11-16 23:23:06
4088
1
原创 微信小程序之运用云函数对云数据库进行增删改查
微信小程序之运用云函数对云数据库进行增删改查首先要创建并配置好云环境创建云环境打开微信小程序 点击云开发 创建云环境云环境创建以后微信小程序暂不支持删除云环境哦 所以要给云环境取名规范哦配置云环境新建一个目录 我将它命名为cloud 打开project.config.json写上云函数所在目录"cloudfunctionRoot": “cloud/” 当目录带有一个云朵的时候就是云函数上传并部署成功新建云函数目录在云函数的目录下面新建Node.js云函数增加const cloud =
2020-11-06 17:05:00
2345
原创 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
1462
原创 小程序数据库API获取数据或者云函数获取数据成功但无结果
小程序数据库API获取数据或者云函数获取数据成功但无结果这个是你小程序后台数据库权限的问题这样就可以了最后吐槽一句微信小程序是真的很坑
2020-10-06 16:54:12
634
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人