港島起雾記.-优快云博客

原创 vue+element的跨页全选

el-table跨页全选在开发的过程中，el-table表格是有全选的需求的，可以使用el-table自带的复选框样式或者是放置一个全选按钮。我使用的是el-table自带的一个全选样式。有两种方法：第一种是使用el-table自带的方法，实现表格的跨页多选代码如下： <el-table v-if="currentType === 2" :data="tableData" @selection-change="handleSelectionChange" @sele

2022-01-05 17:15:34 2762 2

原创 vue防止浏览器自动填充以及记住密码

当我们使用input，浏览器会对带有type="password"的input进行记住密码。解决方法：一，input的type改为text，然后修改样式vue代码 <el-input v-model="password.checkPass" type="text" class="no-autofill-pwd" ></el-input>css代码.no-autofill-pwd { /deep/ .el-input__inner { -webkit-t

2021-12-16 17:10:01 3584 1

原创 vue中输入框禁止输入空格

一，使用修饰符.trimtrim修饰符：他是v-model的一种修饰符。可以过滤掉内容左右两边的的空格代码如下：<el-input type="test" v-model.trim="userNameInput></el-input>二，使用正则表达式可以通过input事件来验证输入的内容是否有空格1，输入框/*keyup.native是回车事件*/<el-input type="test" @keyup.native="getDataListS" v-mod

2021-12-16 10:20:59 8165 1

原创 vue的生命周期钩子函数

vue的生命周期钩子函数一，什么是生命周期生命周期：vue是一个构造函数，当执行这个函数时，相当于开始创建，初始化数据，编译模板，挂载DOM，渲染—>更新—>渲染，卸载等一些列过程；简单来说就是vue从创建到销毁的过程就是vue的生命周期。二，什么生命周期钩子函数 1，组件通过new vue()创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载，无法访问到数据和真是的dom，一般不会操作 2，挂载数

2021-12-14 17:10:22 193

原创 vue中断开正在发送的请求

这里我用的是dialog做了示范，当点击确定的时候，接口加载缓慢的话，点击关闭或者取消，遮罩层是，会取消正在请求的接口 <el-dialog :before-close="dialogVis" :visible.sync="dialogVisible" width="30%" > /*内容*/ <span slot="footer" class="dialog-footer"> <el-button

2021-12-14 11:22:09 2019

原创 vue按钮限制点击多次，解决多次提交数据的问题

首先先创建一个Debounce.js文件export function DebounceBy (fn, t) { let delay = t || 500 let timer return function () { let args = arguments; if (timer) { clearTimeout(timer) } let callNow = !timer timer = setTimeout(() => {

2021-12-13 14:21:25 1320

原创 vue项目的创建过程

vue的创建步骤一，前言首先查看node，npm的版本node-v ：node版本查看npm -v ：npm版本查看如果没有安装node，请先前往安装。官网： https://nodejs.org/zh-cn/或点击：node.js的安装二，vue项目创建1，安装vue脚手架：Vue Cli官网： https://cli.vuejs.org/zh/按照官网文档说明，安装命令为：npm install -g @vue/cli。安装完成之后，cmd窗口vue -V（大写V），查看@vue/

2021-11-25 16:04:25 216

原创 node.js的安装以及配置

node.js的安装前言：使用vue，需要安装node.js，以下是下载，安装node的一些步骤，以及node的介绍和配置问题一，首先node.js是什么 node是一个javascript运行的环境，不是一个js文件，实质是对chrome v8引擎进行了封装。node是一个让javascript运行在服务端的开发平台，它让javascript成为了与php，python等服务端语言平起平坐的脚本语言 node替代了API，使得v8在非浏览器环境下运行的更好。v8引擎执行javas

2021-11-24 11:15:58 662

原创 uni-app的初步了解

今日学习到的内容1，什么是uni-appuni-app使用vue.js开发跨平台应用的前端框架，开发者编写的一套代码，可以编译iOS、H5、小程序等多个平台。2，uni-app的优点跨平台发行，运行体验更好，通用前端技术栈，学习成本更低，开发生态，组件丰富3，功能框架从下面uni-app功能框架图可看出，uni-app在跨平台的过程中，不牺牲平台特色，可优雅的调用平台专有能力，真正做到海纳百川、各取所长。4，学习到了几个软件的使用1，HBuilderX，2，微信开发者，3，momo模拟

2021-05-06 23:53:17 161

原创前端小帆( Promise的原理 )

前端小帆( Promise的原理 )什么是promise1，promise,简单说就是一个容器，里面保存着某个未来才会结束的事件的结果（通常为一个异步操作）2，从语法上说，promise是一个对象，从他可以获取异步操作的最终状态（成功或失败）3，Promise是一个构造函数，对外提供统一的API，自己身上有all，reject，resolve等方法，原型上有then，catch等方法那么什么又是异步呢举一个例子吧，当你去餐厅吃饭，首先你得去排队拿号，但是，你前面还有10桌需要等待，可能需要

2021-03-17 20:39:37 758 2

原创前端小帆(async与await的原理)

前端小帆(async与await的原理)什么是async与await（字面理解）async、await从字面上理解，async就是异步的意思，await就是等待的意思，而两者的用法上也是这样的，async用于申明一个function是异步的，而await用于等待一个异步方法执行完成过程就是：1，async就是一个async函数，而await只能在这个函数中使用2，await表示这里等待await后面的操作执行完毕，再执行下一句代码3，await后面紧跟的最好是一个定时操作或者一个异步操作a

2021-03-15 20:56:59 436

weixin_53592107的博客