03 2022 档案
摘要：Vue事件总线（EventBus）使用详细介绍 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如
阅读全文
摘要：name = "张三"; age = 18; function test(){ document.writeln(this); document.writeln(this.name); document.writeln(this.age); }; // 全局函数内部的this默认为全局对象windo
阅读全文
摘要：Vue项目中如何在父组件中直接调用子组件的方法： 方案一：通过ref直接调用子组件的方法； //父组件中 <template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </te
阅读全文
摘要：Elementui cascader组件如何取消选中 clearCheckedNodes 问题在form表单中使用cascader，某些需求下会将整个表单disabled，如果此时点击了cascader，它会disabled，但弹出框不会消失。 查看文档 给cascader设置上ref<el-cas
阅读全文
摘要：js输入验证是否为空、是否为null、是否都是空格 目录 1.截头去尾 trim 2.截头去尾 会去掉开始和结束的空格，类似于trim 3.会去掉所有的空格，包括开始，结束，中间 1.截头去尾 trim str=str.trim(); // 强烈推荐 最常用、最实用 or $.trim(str);
阅读全文
摘要：js中变量null，undefined和‘’空串的判断方法 及 !和!!的区别及用法 js输入验证是否为空、是否为null、是否都是空格，可参考：https://blog.csdn.net/Ahuuua/article/details/109810888 js中!的用法是比较灵活的，它除了做逻辑运算
阅读全文
摘要：VUE开发--表单验证(六十三) 一、常用验证方式 vue 中表单字段验证的写法和方式有多种，常用的验证方式有3种： data 中验证 表单内容： <!-- 表单 --> <el-form ref="rulesForm" :rules="formRules" :model="rulesForm" l
阅读全文
摘要：<template> <div id="app"> <p v-for="item in items" :key="item.id" class="p" > {{item.message}} <span v-for="item2 in item.child" :key="item2.id" style
阅读全文
摘要：<template> <div id="app"> <button id="firstBtn" ref="aa">{{testMsg}}</button> <button id="secBtn" ref="bb">{{testMsg}}</button> <button id="thrBtn" @c
阅读全文
摘要：vue.nextTick()方法的使用详解（简单明了） 什么是Vue.nextTick()？？ 定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中
阅读全文
摘要：This.$Set的用法和作用 版权 1.this.$set实现什么功能，为什么要用它？ 当发现我们给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到 this.$set（） 这个方法了， 1 2 简单来说this.$set的功能就是解决这个问题的啦。 官方解释
阅读全文
摘要：element el-cascader 动态加载次级选项，防止重复加载，异步请求三级数据 本篇文章解决的问题： 1，绑定事件@active-item-change点击后无反应 2，需要动态加载到第三级，官网例子只给了第二级，比如（省、市、区）（顶级分类、二级分类、三级分类） 3，已经加载过的数据防止
阅读全文
摘要：ElementUI 级联动态加载及回显原创 先看图，你是否也遇到这个需求？ 如果你正在焦头烂额，无脑抓瞎，那么你来对地方了，因为我将给你一个简单易懂的实现方案。 我也在网上翻了无数页答案，也照着别人的代码和思路尝试了，事实上并不能解决我这个棘手的问题。 级联下拉选多选、懒加载、数据回显，尽管 Ele
阅读全文
摘要：Array.from的三种用法 Array.from可以接受三种类型的参数： 1，Array.from (obj, mapFn) obj指的是数组对象、类似数组对象或者是set对象，map指的是对数组中的元素进行处理的方法。 1 2 3 4 5 6 7 8 9 //将数组中布尔值为false的成员指
阅读全文
摘要：安装和jsdoc使用手册 http://www.wuweigang.com/?id=302 开发工具IDEA——增加注释快捷按键 简介 开发工具IDEA系列文章是我在进行Java开发时使用IDEA开发工具一些设置和其调整，特将其整理出来分享给大家，特别适合于刚接触开发或者刚重新安装开发工具的小伙伴们
阅读全文
摘要：JavaScript Function.apply() 函数详解 apply()函数用于调用当前函数functionObject，并可同时使用指定对象thisObj作为本次函数执行时函数内部的this指针引用。 该函数属于Function对象，所有主流浏览器均支持该函数。 语法 functionOb
阅读全文
摘要：VueTreeselect使用步骤以及解决vueselectTree显示no sub-options的问题 官方文档：https://www.vue-treeselect.cn/ 官方示例 一、安装 建议通过npm安装vue-treeselect npm install --save @riopha
阅读全文
摘要：<template> <div class="ontainer"> <el-tree :props="props" :load="loadNode" lazy show-checkbox @check-change="handleCheckChange"> </el-tree> </div></te
阅读全文
摘要：Vue Treeselect下拉树实现，选择部门下拉树，下拉树菜单 先来看一张最基本的效果图： 介绍vue-treeselect是一个多选组件，具有对Vue.js的嵌套选项支持。 具有嵌套选项支持的单个和多个选择模糊匹配异步搜索延迟加载（仅在需要时加载深层选项的数据）键盘支持（使用Arrow Up＆
阅读全文
摘要：element-ui 组件-计数器el-input-number vue element 需求:在表格里加计数器 上图片 <template> <el-table border style="width: 100%" :data="formData"> <el-table-column prop="
阅读全文
摘要：请输入保留两位小数的销售价的正则： /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/ 1.只能输入英文 <input type="text" onkeyup="value=value.replace(/[^
阅读全文
摘要：判断价格的正则表达式 价格的正则表达式 /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/; 1 解析：价格符合两种格式 ^ [1-9]\d*(.\d{1,2})?$ ： 1-9 开头，后跟是 0-9，可以跟小数点，但小数点后要带上 1-2 位小数，类似 2,2
阅读全文
摘要：<template> <el-transfer filterable :filter-method="filterMethod" filter-placeholder="请输入城市拼音" v-model="value" :data="data"> </el-transfer></template><
阅读全文
摘要：500拦截报错 axios_有关处理axios拦截设置和错误处理的方法 下面我就为大家分享一篇axios拦截设置和错误处理方法，具有很好的参考价值，希望对大家有所帮助。 现在vue的官方包已经不更新vue-resource了，转而推荐axios，下面是项目实战是总结的axios插件设置：/** *
阅读全文
摘要：axios 设置超时时间 timeout 在项目中,所有请求都是走统一封装过的axios,统一设置了超时时间. const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url = base url + requ
阅读全文
摘要：let val = ['zhinan','shejiyuanze','fankui']let vals = this.getCascaderObj(val, this.options5);console.log(this.getCascaderObj(val, this.options5))结果是：
阅读全文
摘要：Element的el-cascader组件获取级联选中的label值 Element的el-cascader（级联器）组件的value容易获取，主要是label。用 this.$refs[关联组件名].currentLabels 可以获取，但是这个方法已经过期了。 需使用getCheckedNode
阅读全文
摘要：使用Upload+Progress实现文件上传进度条实时更新功能，需要借助http-request属性。具体使用方法如下： <el-upload action="#" :file-list="fileList" :on-change="changeData" :http-request="handl
阅读全文
摘要：js中强制数据类型转换 一、其他数据类型转换为string类型 方法1.调用被转换类型的toString()方法(该方法不会影响到原变量，他会将转换的结果返回。) 但是注意：null和undefined这两个值没有toString方法。 let a = 123; // 转换成string let b
阅读全文
摘要：vue + element + select 获取下拉框的 label 和 value 值（ 例如 绑定的是 id ， 但后台要求即传 id ，又要传 id 对应的 name ） <template> <div> <el-form :inline="true" :model="form" ref="
阅读全文
摘要：js中数字0与空字符串的问题 在开发前端的时候，因为有很多值数据，但这些值从后台传过来的时候，有很多可能性，如：null,undefined,空字符,"null","undefined"，排除这些，其他应该就差不多是正常的了、出现这些数据的时候，前端页面统一显示''（空字符）。 开始的时候我写的是v
阅读全文
摘要：Vue el-upload问题总结 一言不合上代码：vue文件 <template> <div class="app-container"> <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px"
阅读全文
摘要：Duplicate keys detected ‘‘. This may cause an update error问题 问题描述：Duplicate keys detected: ‘6’. This may cause an update error，但模板组件可以正常渲染。产生该问题的原因是出现
阅读全文
摘要：1、toString()方法 toString()方法返回的是相应值的字符串表现 数值、布尔值、对象和字符串值都有toString()方法，但是null和undefined值没有这个方法 例子： var age = 11; var str1 = age.toString(); //字符串 “11”
阅读全文
摘要：正则表达式 座机的： 例子： 座机有效写法: 0316-8418331 (010)-67433539 (010)67433539 010-67433539 (0316)-8418331 (0316)8418331 正则表达式写法 0\d{2,3}-\d{7,8}|\(?0\d{2,3}[)-]?\d
阅读全文
摘要：vue后台管理系统——主页布局 电商后台管理系统的功能——页面的整体布局 1. 整体布局 整体布局：先上下划分，再左右划分。 需要使用到ElementUI中提供的Container组件 <el-container> <!-- 头部区域 --> <el-header></el-header> <el-
阅读全文
摘要：后台管理系统，前端框架用什么最好？ 当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类UI模板都是相当的齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作，以下的开源后台管理系统模板是我在逛GitHub的时候看到的，排名先后是按照
阅读全文
摘要：Vue.js中this.$nextTick()的使用 具体描述 我的form在两个 dialog 中，分别是添加、修改，界面上都有两个按钮，添加/修改、取消，如下图所示： 界面加载之后，点击添加，再点修改是没问题的，就是**先点修改，会把要修改的数据加载到弹出的窗体 上，但是这个界面的值竟然被记住了
阅读全文
摘要：this.$refs.frmAdd.resetFields();这句在使用中有些时候不会有啥问题，但有时候就会出问题，而且特别难缠，我原来这么使用就没问题啊，怎么这里就会有问题，查找各种资料总结得出： 第一种情况：放在弹框刚准备弹出的时候 第二种情况：放在弹框关闭方法@close中 发现上次报红框的
阅读全文
摘要：RuoYi-Vue项目部署流程 RuoYi-Vue项目部署 项目地址 部署成果 后端部署 jar部署 war部署 前端部署 使用nginx部署 tomcat部署 部署在ROOT下（单独占用容器） 部署在ROOT下（和后端同一容器） 部署在非ROOT下 项目地址 框架地址：https://gitee.
阅读全文
摘要：element-ui里el-progress：Invalid prop: custom validator check failed for prop "percentage" 上面的进度条我是用element-ui里的el-progress进度条的，这里面得到的百分比肯定是从后端拿到数据进行计算，
阅读全文
摘要：el-form的model、prop属性和表单校验等详解 vue综合基础知识 专栏收录该内容 15 篇文章1 订阅 订阅专栏 Vue 的 el-form 提供了表单校验功能， :rules 属性设置校验规则，并通过 el-form-item 的 prop 属性绑定校验规则。组件封装，让前端校验更方便
阅读全文
摘要：Element-ui的表格table翻页如何让序号延续递增 在使用element-ui 的table表格时，都会发现它每一页的序号都会从1开始，那怎么才能让它延续上一页的序号呢？ 研究 element-ui 文档发现table表格属性中有一个index属性 index属性写明了，如果设置了 type
阅读全文
摘要：element之v-loading以及颜色修改 点击element-loading 当你已经发送了请求，但是数据还没有请求回来的时候，呈现一个数据正在加载的状态，可以通过v-loading指令来展示加载状态。 只需要把v-loading的值绑定为true或false即可。 <el-table v-l
阅读全文
摘要：Array from(new Set) 类数组转为数组1、Array from2、 Array.prototype.slice.call(arguments); Array.from()在转化对象时，要求过于苛刻，因此不适用于转化对象，主要场景如下： （1）从类数组对象(arguments)生成数组
阅读全文
摘要：VUE 动态构建混合数据TREESELECT选择树，同时解决巨树问题 标签： vue java javascript vue.js 今天在项目中需要通过行政区域选择，然后选择该行政区域下面的景区，也就是要构建行政区划、景区两表数据表的树。全国的行政区域到县已经3500多了，再加上景区会有几万个点，这
阅读全文
摘要：<template> <div class="wrap-dialog-box"> <!-- 弹窗 --> <el-dialog title="通知" :visible.sync="dialogVisible" center width="80%" class="dialog-box-center">
阅读全文
摘要：vue+element-ui中上传文件使用Progress自定义实时更新进度条 书山有路_勤为径关注 0.222020.01.03 16:20:54字数 38阅读 14,105 使用Upload+Progress实现文件上传进度条实时更新功能，需要借助http-request属性。具体使用方法如下：
阅读全文
摘要：官网Demo： <el-cascader :props="props"></el-cascader> <script> let id = 0; export default { data() { return { props: { lazy: true, lazyLoad (node, resolv
阅读全文
摘要：el-table中的嵌套el-tab-pane嵌套el-table 设置dataRules解决记录 嵌套关系如下：el-table| el-tab-panel| el-table| el-table-column 按照网上别人的方法，设置dataRules，发现不行。如果把prop改成planMap
阅读全文
浙公网安备 33010602011771号