通知是开发者提升应用程序互动性和改善用户体验的强大工具。通过利用通知，开发者可以在用户与应用程序互动的同时，有效地向用户传达重要事件。通知在应用程序中起着至关重要的作用，可以及时通知用户有关各种操作和事件的信息。它们可以用于通知用户任务失败、网络中断、操作成功、警告、错误和重要信息。这些通知作为有价值的更新，确保用户了解正在发生的事件以及他们需要采取的必要行
......
286
0
0
2024-02-02
表单是现代网页开发的重要组成部分，创建表单通常是一项耗时且繁琐的任务。这就是FormKit的用武之地；它是一个功能强大的现代表单构建库，旨在帮助开发人员轻松高效地创建表单。在本文中，我们将探讨使用FormKit的好处，并提供一个逐步指南，教你如何使用这个强大的工具构建表单。请继续阅读，了解FormKit如何帮助您简化表单构建过程，更快地构建更好的表单！For
......
282
0
0
2024-02-02
vue动态添加表单validateField验证，代码如下所示：<template>
<el-form ref="form" :model="form" :rules="rules" label-width="px">
<div v-for="(input, index) in inputs" :key=
......
667
0
0
2023-09-16
目录Vue项目结构主要配置文件Vue项目启动代码执行流程分析Vue加载时文件的执行顺序Vue内部页面的执行顺序总结Vue项目结构使用webpack构建的Vue项目的结构如下所示：主要配置文件1、package.jsonpackage.json是一个json文件，这是vue项目的表述文件。package.json定义了项目所需要的各种模块，以及项目的配置信息（
......
477
0
0
2023-09-15
目录前言一、先上页面最终效果二、创建目录yxt-table如下图二、数据自动获取和刷新三、自定义列配置四、根据搜索条件进行搜索更新表格数据五、加载中状态和空数据状态 六、完整代码：总结前言很多中后台业务的系统中，表格是最高频的组件之一，其中一般包括搜索条件、表格展示、表格操作列、分页等。那么我们二次封装的这个表格组件就需要包含以下几个功能点：1、数
......
574
0
0
2023-09-12
目录一、需求描述：二、问题阐述：三、解决方法：四、实现思路：主要逻辑详解：总结一、需求描述：在页面上点击按钮弹出选择电脑文件的界面，可以一次性选择多个文件一起上传到服务器上，并把上传成功的文件展示在页面上。二、问题阐述：el-upload是支持多文件上传的，但是是同步进行的，你点击上传按钮，选择了多个文件后点击确定，会同时调用上传文件的接口，这样很容易导致服
......
630
0
0
2023-09-12
目录自定义input组件实现拖拽文件上传vue部分逻辑部分删除当前文件封装的tag-input组件最后实现的效果多图上传组件vue组件template部分组件script部分组件使用组件完整代码（含裁剪组件，不需要请手动删除）效果展示总结自定义input组件实现拖拽文件上传vue部分<tag-input
id="uploadTag"
ref="
......
396
0
0
2023-09-10
目录computedComputedRefImpl小结：watchcomputedcomputed和watch在面试中经常被问到他们的区别，那么我们就从源码的实现来看看他们的具体实现// packages/reactivity/src/computed.ts
export function computed<T>(
getterOrOpt
......
348
0
0
2023-09-09
最近做vue项目遇到一个需求，就是前端实现上传word或pdf文件后，后端返回文件对应的文件流，前端需要在页面上展示出来。word预览简单一些，pdf预览我试过pdfjs,vue-pdf总是报各种奇奇怪怪的bug,但最终总算解决了问题，先看一下页面最终呈现效果吧：页面上传pdf文件效果如下：页面预览pdf文件效果如下：页面上传word文件效果如下：页面预览w
......
1011
0
0
2023-09-09
目录效果图：（移动上去也会有效果的那种哦）第一步：vue中安装echarts和echarts-gl第二步：在vue文件中引入第三步：实现具体代码（完整的）第四：我想说一下注意事项哈总结 效果图：（移动上去也会有效果的那种哦）第一步：vue中安装echarts和echarts-glnpm install echarts
npm install ec
......
655
0
0
2023-09-06
目录前言一、什么是模板语法？二、内容渲染指令1. v-text2. {{ }} 插值表达式3. v-html三、双向绑定指令1. v-model2. v-model的修饰符四、属性绑定指令1. 动态绑定多个属性值2. 绑定class和style属性五、条件渲染指令1. v-if、v-else-if、v-else2. v-show3. v-if和v-show的
......
406
0
0
2023-08-24
目录组件间传值的两个坑实例填坑坑一1. 发现天坑2. 填坑时刻坑2:1.发现天坑2.填坑时刻总结组件间传值的两个坑我们都知道父组件可以把值传递到自组件中，但是有时候子组件需要修改这个父组件传递过来的这个值，我们可以想象下能修改成功吗？这是坑之一。我们在组件间传值的时候，都是一个属性名对应一个值，接收的时候也是用这个属性名接收，那么每一个用户自定义的属性名都能
......
457
0
0
2023-08-24
目录 一、表单效验规则的使用1、自定义效验规则介绍2、绑定效验方法3、添加效验4、效验判断5、清除效验规则二、常见表单效验规则（一）pattern验证（二）validator.js文件中常见的验证方法 一、表单效验规则的使用1、自定义效验规则介绍是否必填： required: true || fasle效验消息提示：m
......
510
0
0
2023-08-14
目录什么是三次握手？什么是四次挥手？（close触发）什么是VUEX？什么是同源----跨域？什么是Promise？什么是fexl布局？数据类型什么是深浅拷贝？什么是懒加载？什么是守卫？DOMVue2与Vue3的区别Vue中data为什么是函数？Vue根实例为什么没有这个限制？Vue设计原理Web时代的演变 &n
......
393
0
0
2023-08-13
目录前言vue-element-admin 官方实现的方式参考文档：webpack-theme-color-replacer 插件的实现方式总结前言最近基于 ElementUI 的项目上需要实现动态换肤的功能，这里提供两种方式：vue-element-admin 官方实现的方式webpack-theme-color-replacer 插件
......
1045
0
0
2023-08-07