- 博客(26)
- 收藏
- 关注
RSS订阅原创 el-table 选中回显效果
一、htnml部分如下1、type="selection"就是现实选框2、:row-key="getRowKey"（必须是唯一的字段，例如：id）和:reserve-selection="true"是必要的，可以记录选中的数据，翻页也无所谓<el-row justify="center"> <el-table ref="multipleTable" :data="productList" :row-key="getRowKey" :cell-style="cellClass" s
2021-11-24 16:51:02
7838
8
原创 computed计算属性和watch区别以及各自的使用
一、总述computed和watch都是vue框架中的用于监听数据变化的属性。二、computed计算属性1、使用方法和data中的数据一样，但是类似一个执行方法2、在调用时候不加（）3、必须有return返回4、如果函数所依赖的属性没有发生变化，从缓存中读取5、应用场景—求和，示例<el-form> <el-row> <el-col :span="24" style="display:flex;justify-content:flex-end;
2021-11-10 10:26:29
21622
2
原创 el-select+el-tree单选和回显
el-tree单选和回显主要用到的el-tree的属性有：show-checkbox;check-strictly;default-checked-keys;default-expanded-keys;check-change事件，各属性简介：show-checkbox：显示checkbox框check-strictly：在显示复选框的情况下，使得父子不相互关联default-expanded-keys和default-checked-keys设置默认展开和默认选中的节点，这时候必须设置node-
2021-11-04 10:30:57
4574
12
原创 vue +el-checkbox多选框实现单选
vue +el-checkbox多选框实现单选1.表格加一列<el-table-column type="selection" align="center" width="100" />2.隐藏掉全选按钮/deep/ thead .el-table-column--selection .cell{ display: none;}3.给表格加一个 ref，例如：ref="Table" （加在el-table的属性里）给表格加一个事件 @selection="getCurr
2021-09-24 10:20:53
4235
原创 vue+el-upload实现单文件多文件上传
vue+el-upload实现单文件多文件上传1、单文件上传<el-form-item :label="$t('Version.Attachment')"> <el-upload class="upload-demo" action="#" :headers="myHeaders" :before-remove="beforeRemove" :on-change="nowFile" :multiple="false"
2021-08-24 11:22:13
3346
原创 el-cascader回显多条数据问题
el-cascader回显多条数据问题问题描述使用级联组件的时候，项目中可能需要点击编辑或者查看回显出已经存在的数据。这时候可能就会涉及到要回显多条数据的问题，要怎么解决呢？解决方法主要用到的el-cascader组件中的v-model props options 属性，具体代码示例如下(vue项目)<div class="line"> <el-cascader @change="theColumnChange" v-model="place_v
2021-08-08 16:42:45
2349
5
原创 基金收益计算器
基金收益计算器自己随意写的一个简单计算器，可以计算当天的基金收益，数值不同不是以为程序的错，净值都是估值，会有差别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
2021-04-22 14:31:46
921
原创 React17.0生命周期调整
React17.0生命周期调整在即将到来的react17.0版本，react团队对生命周期做了调整，将会移除 componentWillMount，componentWillReceiveProps，componentWillUpdate这三个生命周期，因为这些生命周期方法容易被误解和滥用。组件数据初始化一般我们为了提前 setState ，防止二次渲染（第一次是空state渲染，第二次外部数据渲染），经常在 componentWillMount 生命周期请求数据// Beforeclass E
2021-04-14 16:55:54
299
原创 利用Promise的then链解决异步调用使之按顺序执行
利用Promise的then链解决获取数据时候的异步一、概述产生问题原因我们在调用接口数据的时候有时候需要涉及到顺序的问题，或者这边的接口赋值完全之后再去执行什么方法，如果我们获取数据的方式是异步的，那这时候就需要我们进行处理使之同步执行，即挨个执行。怎么使本来是异步执行的变成按照顺序的同步执行呢？二、解决方式 :Promise的then链1、Promise的简介我们知道，promise是es6提供的一个对象，不受外界的影响。Promise对象代表一个异步操作，有三种状态：pending:
2021-03-26 14:25:58
4393
1
原创 Vue.filter封装和全局注册
Vue.filter的封装和全局注册1、封装的单独文件，utils/filter.js2、在main.js中全局注册3、在任意vue文件中使用
2020-12-31 15:13:50
146
原创 一篇领会position的属性值relative/fixed/absolute的区别
本文从实际经验出发，立足于web前端开发，全方位分析position属性值的区别，并引导读者自主实践，深知实践是检验真理的唯一标准
2020-11-19 10:55:57
275
原创 小程序中如何使用vantUi库
一、小程序中如何使用vantUi库小程序自带的一些组件有时候不能满足我们的一些需求，这个时候引入vant ui的组件是一个好的选择，今天详细说说使用这个vant ui的曲折过程。。。。1.先在小程序中打开终端，使用npm init -y命令初始化,生成package.json文件在小程序跟目录cmd进入小黑框或者直接在微信开发工具里终端打开，输入npm init -y2.安装vant ui 依赖npm i @vant/weapp -S --production3.根据vant ui官网要求
2020-11-06 16:55:26
2151
3
原创 nvm的下载管理不同版本的node
NVM安装nodejs的方法实用步骤安装nodejs方式有很多种。第一种：官网下载通过nodejs官网下载安装 ，但有个缺陷，不同版本的nodejs无法顺利的切换。第二种: NVM安装NVM可以帮助我们快速切换 node版本。但是安装NVM过程中有很多坑，网上找了很多文档都没解决问题。这里自己总结下，帮助大家顺利安装软件。一、 下载nvm安装包1 下载地址github上下载最新版本:https://github.com/coreybutler/nvm-windows/releases推荐下
2020-05-16 13:25:48
1769
原创 ajax的封装以及使用
ajax简介简单说，ajax是前后端交互的手段。ajax是组成词，其中，a是英文单词与asynchronous，表示异步,j就是js,a:and,x:服务端的数据，那么我们就容易了解到，ajax其实是一种组合技术。特点：可以异步加载数据，可以在不中断浏览器其他任务的情况下加载数据，无刷新加载数据，局部加载。优缺点:ajax兼容好,没有兼容无刷新加载数据,提升了用户体验无刷新加载数据...
2019-11-24 22:21:45
355
原创 几段代码几行解析教你读懂cookie
Cookie什么是Cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。它的作用是什么呢？...
2019-11-23 22:01:20
363
原创 几段代码帮你搞懂浅拷贝和深拷贝
对象的浅拷贝和深拷贝拷贝现象会出现在，对象、数组、函数中，这里我只对对象进行分析，其他的大家可以自行拓展（其实规律都是一样的）。在对对象数据进行解析的时候，会涉及到浅拷贝和深拷贝，如果理解不好，会出现一些意向不到的问题，下面我将为大家介绍下这两种拷贝各自的特点，帮助大家规避可能出现的bug。浅拷贝引用传递的数据：复杂数据，值是值，地址是地址，一般情况下，复制的是地址，不是值。这样一来就会导致...
2019-11-17 17:23:45
287
原创 window10\eclipse\vscode\ps常用快捷键
window10\eclipse\vscode\ps常用快捷键下面罗列了一些常用的快捷操作，熟知这些快捷操作，可以显著提高工作/学习的效率。window10笔记本常用快捷键Eclipse常用快捷键常用运行窗口命令DW常用快捷键ps常用快捷键vscode常用快捷键...
2019-11-10 15:22:32
365
原创 JavaScript之this和window
JavaScript之this和window引言 在我们日复一日的工作和学习中，总有一些内容是我们必须得牢牢掌握并可以熟练运用的。this和window就在其中。下面，我对这两个关键字做了一些总结，希望可以帮助到大家。window对象 所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。全局变量是...
2019-11-09 19:52:41
2521
原创 JavaScript中数组操作方法汇总
Js中的数组操作方法 我们在学习工作中，经常需要对数组和字符进行操作，但是操作方法多样，很容易忘记或者记混，这里，我对它们的操作方法的种类以及各自的应用做了相应的总结和代码演示，希望可以对你们有所帮助。数组操作方法 一、对数组的简单操作主要分为三类，普通的增删改查，遍历、专用方法操作，下面，我会逐介绍并附上代码。 普通的增删改查需要通过索引index来完成。我们先声明一个数组如下所示...
2019-11-02 22:24:36
539
3
原创 什么是JSON
什么是JSON一、什么是json？json的全称为：JavaScript Object Notation，是一种轻量级的数据交互格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。【以上来自于百度百科】简单来说：json就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互。类似于：国际通用...
2019-10-29 17:45:10
1107
原创 Html5-CSS之元素的五大居中方式
Html5-CSS之五大居中方式你是不是也对元素居中的知识点很是模糊？是不是苦于找不到一个总结的通俗易懂的说明？是不是自己懒得去总结？恭喜你，搜到这篇博客！ 这是鄙人在前端的学习与实践中总结出的元素的五大居中方式，黏贴了代码并对代码做了解释，希望对迷茫的有所帮助！下面的居中示例中，统一使用了同一个div作为父元素和p作为子元素设置一个div,并且设置了div的宽高边框，div里面设置一个块元...
2019-10-26 15:56:53
9292
10
原创 js中的隐式转换与强制转换
强制转换在javaScript中，我们经常需要对数据类型进行转换，以满足代码运行需求，其中强制转换需要我们根据自己的需要进行转换，主要分为两种，一种是字符型数据强制转换成数值型，另一种就是数值型强制转换成字符型。字符型转换成数值型parseInt ；(1)、从左向右依次转换，能转就转换，碰到不能转换的就停止，如果第一个就不能转换则，console.log出NaN,非法数值型（2）、它...
2019-10-24 11:11:44
3306
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人