- 博客(36)
- 收藏
- 关注
RSS订阅原创 js运行机制，异步任务的处理和事件轮询机制
我们都清楚 js是单线程自上而下执行的，其实这里面可以把 执行方式又分同步和异步，那异步又分为 宏任务(定时器，dom事件 ajax 都属于宏任务）和 微任务(promise async/await）当执行到异步任务的时候，论是执行宏任务还是微任务,他都会把这个异步任务放到异步线程里（webapi）然后把有了执行结果的异步任务 放到 “任务队列” 里又成为 “消息队列” “事件队列”，只要主线程一空，js就会查询任务队列里是否有待执行的任务并执行，这个过程不断重复的过程就叫做时间轮询。
2023-04-09 12:14:54
241
原创 el-form ：rules校验 动态绑定:prop，（包括一层遍历循环 和多层遍历循环的情况）
el-form ：rules校验 动态绑定:prop，（包括一层遍历循环 和多层遍历循环的情况）
2022-09-05 10:59:19
2498
原创 聊一聊node的那些事
关于node的那些事express 是node的一个框架这里 在 router.js 里管理 路由， vue的路由管理和这个有 异曲同工之妙1.导入express并实例化 2.创建路由对象,并实例化 最后记得导出 路由这样我们就创建了好了 router 路由管理中心可以在 server 中进行调用1.导入路由模块2.注册路由模块上面解释的很清楚， 本质就是一组 映射规则， 当post get 等请求 去访问一个 url 的时候， 服务端...
2022-07-11 11:15:34
53
原创 公共导入组件
<!-- * @Descripttion: * @version: * @Author: * @Date: 2021-11-08 17:24:06 * @LastEditTime: 2021-11-10 09:26:44--><template> <!-- 共通导入组件 --> <el-dialog v-model="isExcelDialogVisible" width="30%" :before-close="handleCl
2021-12-27 11:07:21
57
原创 el-table 合计 加粗样式
::v-deep .el-table .el-table__footer-wrapper .cell { font-weight: 600; color: #000; }
2021-12-06 15:25:20
1560
原创 自定义业务组件
需求：1.点击输入框， 单选 出现下拉框可以远程搜索。2. 多选 则出现 弹出层，（左侧树，右侧表格。勾选表格进行多选）3. 根据后端数据 要可以进行回显这里 拿门店 举例子 下面是效果图点击输入框 根据是否可以多选 来决定 是否出现下拉框这是单选的情况， 单选 点击输入框，要实现远程搜索，同时 用户点搜索icon 要出现弹出层，在弹出层里 进行勾选 ，如下图：同时要有 本地回显功能， eg： 下拉框选中完数据 再点开弹出层 ，弹出层表格里 要勾选相应数据 如图：下面
2021-11-17 10:55:31
986
原创 自定义正则
/* * @Descripttion: * @version: * @Author: * @Date: 2021-11-02 18:56:45 * @LastEditTime: 2021-11-04 10:34:54 *//** * 检测手机号是否正确 * @param rule * @param value * @param callback */export function isPhone(rule, value, callback) { if (/^1[1-9
2021-11-04 10:37:47
172
原创 vue3.0如何使用 富文本编译器
vue3.0如何使用富文本编译器，我在网上找了很多都是基于2.0的很多3.0引入都不一样。搞了很半天。 发现了 VueQuill 很好用下面是 使用方法 简单粗暴效果图：引入 npm install @vueup/vue-quill@alpha --save这里有个坑：： npm 的时候要用cmd去下载 不然会报不识别符号，的奇奇怪怪的问题然后就是 引入了：import { QuillEditor } from '@vueup/vue-quill'import '@vueup/vue-q
2021-10-21 11:41:40
1276
1
原创 点击上传excel 导入
【效果图】<template> <el-dialog v-model="isExcelDialogVisible" width="30%" :before-close="handleClose" :close-on-click-modal="false"> <el-upload v-if="isUploadSuccess" :data="data" class="upload-demo" accept="application/vnd.openx
2021-10-18 18:01:33
153
原创 导出excel文件
【配置文件】import axios from "axios";import {ElMessage} from "element-plus";import dateUtils from "@/utils/dateUtils";import base from "@/utils/baseUtils";/** * 导出excel文件 */export default { /** * 导出excel文件 * @param url 接口地址 * @param.
2021-10-18 17:58:03
62
转载 2021-10-18
table 表格根据屏幕大小变化，自适应最大高度1、模板中定义：2、data 中定义：data() {return { tableHeight: 200, // 想写多少就写多少，后面会获取到值替换掉 }3、生命周期 mounted 和 destroyedmounted () { this.$nextTick(function () { this.tableHeight = document.body.offsetHeight
2021-10-18 17:40:28
36
原创 自定义列 上移下移组件
<template> <el-dialog title="列自定义" v-model="dialogVisible" :close-on-click-modal="false"> <div class="topBtn"> <el-button @click="onMoveUp" :disabled="tableFieldMoveLength.length===0">上移</el-button>
2021-10-18 16:51:47
100
原创 el-tabs和el-tree 搭配 组件
<template> <div> <el-dialog title="角色权限分配" v-model="dialogVisibleFlg" width="70%" destroy-on-close> <el-tabs tab-position="left" style="height: 500px;" v-model="activeName"> <el-tab-pane :l
2021-10-18 16:50:10
700
原创 数组的常用处理filter includes 和去除尾部，
if (this.defaultKeyList.includes(e.id)) { this.defaultKeyList = this.defaultKeyList.filter(item => { return item != e.id }) } else { this.defaultKeyList.
2021-10-18 16:36:33
200
原创 进入页面 element 校验规则 自动校验问题
**进入页面 element 校验规则 自动校验问题 change 判断会自动 触发。 **我尝试设置 默认值为 【】 也不生效 。解决方案：在进来校验前 置空校验规则。 可能你在上次 关闭页面或者弹框后 置空了 一次校验规则，但是再次进来 还是会触发change 校验规则。 你不妨可以试试 **首次进来的时候 置空。 不用写在 cread钩子里 **this.$nextTick(() => { this.$refs['AddForm'].clearValidate(); })完美解决
2021-10-09 14:43:33
1848
原创 el-input输入框，el-input 搜索框 描述框 文本框 常用样式总结
一级标题*#append #prepend 的使用常见 el-input文本框 样式*代码如下： <el-input placeholder="用户名" v-model="row" style="width:300px;margin-left:20px;"> <template #prepend> 资产编号
2021-07-29 10:00:26
3165
原创 关于vue3.0组件传值报错 无关的非emits事件侦听器（“XXX“）已传递给组件，但无法自动继承，因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器，请使用“emits”选项声明它
无关的非emits事件侦听器（“XXX”）已传递给组件，但无法自动继承，因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器，请使用“emits”选项声明它关于vue3.0组件传值报错 无关的非emits事件侦听器（“XXX”）已传递给组件，但无法自动继承，因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器，请使用“emits”选项声明它直接上代码！！只需要 加上 一行声明 emits: [“自定义方法名”] 完美解决eg：emits: [“funDate”]..
2021-06-10 17:53:06
1453
1
原创 如何给el-dropdown-item 绑定一个事件 或 多个事件,并禁用
如何给el-dropdown-item 绑定一个事件 或 多个事件,并禁用@click.native=" 事件名 "禁用 disabled// An highlighted block <el-dropdown-item :disabled="true" command="a" @click.native="dialogFormVisible = true ; dialogForm()">财务审核</el-dropdown-item>绑定多个事件 直接 ; fun（）
2020-08-13 20:09:39
1624
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人