m0_46815188的博客

原创 vue实现自动触发click事件

原创 vue设置全局样式

提高开发效率

原创 解决el-main没有撑满整个页面的问题

el-main没有撑满整个页面是因为没有设置el-container高度为100%.el-container{ height:100%;}

原创 vuex使用

Vue中Vuex的详解与使用(简洁易懂的入门小实例) - Mica - 博客园

原创 vue实现60秒倒计时

1、el-buttom的设置<el-button type="primary":disabled="sendModel.countFlag" @click="getCode">{{sendModel.btnMsg == null ? sendModel.countNum+'s后重新发送' : sendModel.btnMsg}}</el-button>2、设置data里面关于到计时的数据 sendModel: { // 倒计时周期

原创 修改element-ui的默认样式

一、修改lable居中对齐::v-deep .el-tabs__nav-scroll{ width: 50%!important; margin: 0 auto!important;}二、修改label滑块颜色/deep/ .el-tabs__active-bar{ background-color: red; }三、修改label文字的颜色/deep/ .el-tabs__item.is-active{ color:red !important

原创 v-for的key值不唯一导致报错

报错原因：key值不唯一

原创 给router-link链接添加参数

<router-link class='link' :to="{path: '/news',query: {id: item.message} }">{{item.message}}</router-link>

原创 给element-ui的el-table每一列添加一个点击事件

<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" .

原创 全局设置element-ui Dialog组件的close-on-click-modal属性为false

前言element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog，即点击空白处弹框可关闭。属性可通过close-on-click-modal属性值来控制，实例如下：全局配置import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css' // 默认主题//全局修改默认配置，点击空白处不能关闭弹窗ElementUI.Dialog.props.clos.

原创 vue 回车触发事件

回车出发事件，比如登录页面输入密码后回车触发登录功能。关键代码： @keyup.enter.native="accountLogin()" 示例代码： <el-form-item label="密码" prop="password" class="clearTag" style="position: relative;"> <el-input v-model="loginForm.password" type="password" @..

原创 去掉button的默认样式

.btn{ border: 0 none; border-radius: 5px; outline: none;｝.btn:focus{ border: 0 none; outline: none;}

原创 vs code常见插件

vscode10大常用插件_baidu_25986059的博客-CSDN博客1、Chinese (Simplified) Language Pack for Visual Studio Code实用型插件，vscode的中文（简体）语言包。

原创 NVM安装和使用

1、nvm是什么　nvm（node.js version management）是一个nodejs的版本管理工具。2、nvm的下载下载地址GitHubnvm-noinstall.zip：绿色免安装版，但使用时需进行配置。 nvm-setup.zip：安装版，推荐使用。 Source code(zip)：zip压缩的源码。 Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统。3、安装卸载现有node请注意，在安装适用于Windows的N...

原创 nodejs实现图片验证码

一、安装svg-capthchayarn add svg-captcha二、在项目目录中增加utli-->captcha-->passport.jsconst express = require('express');const Captcha = require('../utils/captcha'); // 引入captcha工具const router = express.Router();router.get('/password/image...

原创 js构造函数 (优化-常看内容)

function Person(name, age, gender) { this.name = name; //这里的this代表的含义是，new出的对象（必须好好理解） this.age = age; this.gender = gender; this.sayName = function() { console.log(this.name); }}以上这段代码实现了一个构造函数，其中有一个syaName()的方法...