142浏览

0评论

vue项目实现会议预约功能(包含某天的某个时间段和某月的某几天)

目录一、一天的时间段预约1.点击预约时2.获取时间数组3.处理未来七天的函数4.点击切换星期状态5.选中时间点时，判断状态及改变状态6.保存7.弹窗关闭二、一月的天数预约（最少一...

• 2023-04-07

128浏览

0评论

vue3使用Vite打包组件库从0搭建过程详解

目录手动搭建一个用于测试组件库组件 Vue3 项目初始化 ts搭建一个基于 vite 的 vue3 项目安装插件配置 vite.config.ts新建入口 html 文件app.vue入口 main.ts配置脚本启动...

• 2023-04-07

203浏览

0评论

Vue3  defineExpose要在方法声明定义以后使用的教程

目录[Vue3] defineExpose要在方法声明定义以后使用defineExpose的使用总结扩展：vue3 defineExposedefineExpose要在变量和方法声明定义之后再使用，否则浏览器的控制台会输出很...

• 2023-04-07

152浏览

0评论

Vue3 中路由Vue Router 的使用实例详解

目录前言：一、什么是 Vue Router ？二、路由的使用1、路由的安装2、路由的模式3、创建路由模块4、声明路由链接和占位符三、路由的重定向和别名四、嵌套路由五、声明式和编程式...

• 2023-04-07

141浏览

0评论

django+vue项目搭建实现前后端通信

目录django 环境搭建前端项目搭建前端项目结构曲线救国打通vue和djangovue适配djangodjango适配vuedjango 环境搭建1.创建django骨架项目django-admin startproject yiyan_w...

• 2023-04-07

127浏览

0评论

Vue项目创建首页发送axios请求的方法实例

这是个全新的Vue项目,引入了ElementUI 将App.vue里的内容干掉,剩如下然后下面的三个文件也可以删掉了在views文件下新建Login.vue组件 到router目录下的index.js 那么现在的...

• 2023-04-07

291浏览

0评论

vue3使用vis绘制甘特图制作timeline可拖动时间轴及时间轴中文化(推荐)

目录前言：参考文档文章一、实现效果：二、安装插件及依赖：三、封装组件：1.html部分：2.引入依赖：3.父组件传入数据：4.js部分全部配置四、父组件调用1.引入子组件2.初始数据3.父组件按...

• 2023-04-07

118浏览

0评论

整理项目中vue.config.js打包优化配置方法

目录整理项目中vue.config.js打包优化配置 webpack-bundle-analyzer 插件查看文件大小配置compression-webpack-plugin 用gzip压缩打包的文件大小配置uglifyjs-webpack-plug...

• 2023-04-07

151浏览

0评论

vue开发利器之unplugin-auto-import的使用

目录1、unplugin-auto-import插件的解决的问题2、插件安装3、测试4、总结补充：unplugin-auto-import 配置ESlint报错问题1、unplugin-auto-import插件的解决的问题unplugin-a...

• 2023-04-07

401浏览

0评论

vue+elementUI下拉框回显问题及解决方式

目录vue elementUI下拉框回显问题正确回显格式应该是这样而回显的确实这个值的idvue下拉框回显映射单选框多选框级联框总结vue elementUI下拉框回显问题在开发过程中，总会做...

• 2023-04-07

137浏览

0评论

VUE使用ElementUI下拉框 @change事件数据不回显问题

目录使用ElementUI下拉框 @change事件数据不回显问题解决方案VUE下拉框数据及数据回显问题总结使用ElementUI下拉框 @change事件数据不回显问题在VUE中使用ElementUI的el-se...

• 2023-04-07

105浏览

0评论

高频率Vue面试题汇总以及答案

目录什么是三次握手？什么是四次挥手？（close触发）什么是VUEX？什么是同源----跨域？什么是Promise？什么是fexl布局？数据类型什么是深浅拷贝？什么是懒加载？什么是守卫？DOMVue2与Vue3的区别V...

• 2023-04-07

106浏览

0评论

Vue中原生template标签失效如何解决

目录前言一、事件未绑定的原因二、如何处理原生template标签前言需要原生Javascript + three.js的数据标注平台加入Vue框架.本来挺顺利的, 我直接在mounted周期做了初始化,...

• 2023-04-07

137浏览

0评论

Vue3.x+Element Plus仿制Acro Design简洁模式实现分页器组件

开发中难免会遇到宽度很窄的列表需要使用分页器的情况，这时若使用Element Plus组件的分页器会导致分页器内容超出展示的区域，而Element Plus组件中目前没有Acro Design那样小...

• 2023-04-07

120浏览

0评论

vue跳转页面常用的几种方法汇总

目录1：router-link跳转1.不带参数2.带params参数3.带query参数2：this.$router.push()1.不带参数2.query传参 3.params传参4.query和params区别3：this.$router.replace() 4：this....

• 2023-04-07

150浏览

0评论

vue3自定义插件的作用场景及使用示例详解

目录插件的作用场景插件的定义（注册）插件的安装插件的使用插件中的Provide/inject插件的作用场景在vue2的插件那篇文章我们介绍过插件其实就是vue的增强功能。通常来为vue添加...

• 2023-04-07

149浏览

0评论

通过vue如何设置header

目录vue设置header后端交互对vue中contentType，和ajax的contentType区别对待当服务器端需要设置contentType:“application/json”：全局设置请求头1.使得请求头中存...

• 2023-04-07

141浏览

0评论

Vue.js中动态更改svg的相关属性详解

目录引言怎样将一个远程的svg图标资源"下载"到本地怎样更改svgdom结构里面的相关属性引言 公司项目中有一个关于图标库管理的需求，大致需要在页面能够动态去更改对应svg图标...

• 2023-04-07

118浏览

0评论

Vue2 中的数据劫持简写示例

目录package.json 相关依赖Webpack.config.js 配置文件public/index.html 文件内容全部文件目录结构实例一个模拟的 Vue 应用vue/index.js 文件主要是负责初始化内容initSta...

• 2023-04-07

111浏览

0评论

命令行CLI一键生成各种烦人的lint配置实例

目录前言create-lint-config使用现有功能源码解读TODO总结前言写一个前端工程，要配置特别多的配置文件，大量的配置文件让我们很烦心，占用了大量写代码的时间。就像上图，看着就头...

• 2023-04-07

166浏览

0评论

Vue Element UI 表单自定义校验规则及使用

目录 一、表单效验规则的使用1、自定义效验规则介绍2、绑定效验方法3、添加效验4、效验判断5、清除效验规则二、常见表单效验规则（一）pattern验证（二）validator.js文件中常见的...

• 2023-04-07

149浏览

0评论

Vue3获取DOM节点的3种方式实例

目录1 .原生js获取 DOM 节点：2. vue2中获取当前组件的实例对象：3.vue3中获取当前组件的实例对象：总结1 .原生js获取 DOM 节点：document.querySelector(选择器)document.getEleme...

• 2023-04-07

126浏览

0评论

vue实现复制文字复制图片实例详解

目录正文方法复制文本复制图片正文复制文字和图片是我们经常会使用到的需求，我们这篇文章主要介绍使用navigator.clipboard.write()来实现复制文字和图片。不过这个属性是需...

• 2023-04-07

113浏览

0评论

Vue数据监听器watch和watchEffect的使用

目录watch()函数watchEffect()函数watch与watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数...

• 2023-04-07

529浏览

0评论

Vue+elementUI下拉框自定义颜色选择器方式

目录elementUI下拉框自定义颜色选择器组件的定义父组件使用步骤elementUI中修改下拉框的背景颜色和字体颜色总结elementUI下拉框自定义颜色选择器组件的定义1.定义颜色选择...

• 2023-04-07

135浏览

0评论

ElementUI下拉框选择后不显示值问题及解决

目录ElementUI下拉框选择后不显示值解决elementUI下拉框value和label问题总结ElementUI下拉框选择后不显示值问题vue(ElementUI)下拉框选择后赋值了，但是框上不显示<!--下拉...

• 2023-04-07

131浏览

0评论

Vue-cli3中使用TS语法示例代码

目录ts有什么用？为什么用ts？1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计...

• 2023-04-07

113浏览

0评论

vue项目登录成功拿到令牌跳转失败401无登录信息的解决

目录vue项目登录成功拿到令牌跳转失败401无登录信息问题原因vue项目登录处理token令牌问题总结vue项目登录成功拿到令牌跳转失败401无登录信息之前的一个上线半年多的项目，客...

• 2023-04-07

153浏览

0评论

Vue实现动态路由导航的示例

目录1、导航守卫二、功能展示 三、原理四、功能实现⛵小结1、导航守卫“导航” 表示路由正在发生改变正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消...

• 2023-04-07

131浏览

0评论

JS图片懒加载库VueLazyLoad详解

目录背景说明实现原理1. placeholder 的实现很细致和灵活2. 添加图片缓存3. 事件监听使用节流4. 监听事件不止滚动事件5. 事件列队的方式来处理懒加载6. 支持 data-srcset7....

• 2023-04-07

132浏览

0评论

vue深拷贝的3种实现方式小结

目录1、通过递归方式实现深拷贝2、JSON.parse(JSON.stringify(obj))3、jQuery的extend方法实现深拷贝拓展阅读vue深拷贝的其他实现方式总结vue深拷贝的三种实现方式：1、通过...

• 2023-04-07

144浏览

0评论

Vue中nvm-windows的安装与使用教程(亲测)

目录Vue中nvm-windows的安装与使用扩展：vue版本控制器nvm安装使用教程1.nvm是什么2.为什么要使用nvm3.怎么使用nvmVue中nvm-windows的安装与使用【原文链接】Vue----nvm-wind...

• 2023-04-07

101浏览

0评论

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

目录vue-element-admin中node-sass换成dart-sass，安装依赖报code 128等问题1、node-sass换成dart-sass2、安装依赖报code 128的问题3、unable to resolve dependency tree扩...

• 2023-04-07

139浏览

0评论

el-input无法输入的问题和表单验证失败问题解决

目录1.el-input无法输入的问题原因1、el-input组件没有绑定双向响应式数据(v-model)原因2、组件嵌套太深还是该组件是一个坑(具体原因不清楚，只知道解决方法)解决方法的步骤2...

• 2023-04-07

98浏览

0评论

vue与django(drf)实现文件上传下载功能全过程

目录文件上传功能上传后端部分上传前端部分（vue添加vue.js和node.js，设置eslint）文件下载功能下载后端部分下载前端部分总结文件上传功能上传后端部分（一）Models.pyfrom django.d...

• 2023-04-07

84浏览

0评论

vue3.x中apollo的使用案例代码

目录通过客户端获取Apollo配置环境工具的安装获取Apollo配置相关代码错误提示通过开放接口获取Apollo配置通过不带缓存的Http接口从Apollo读取配置参数说明浏览器方式请求交...

• 2023-04-07

142浏览

0评论

vue之elementUi的el-select同时获取value和label的三种方式

目录一. 需求二. 方法1. 通过ref的形式（推荐）2. 通过字符串拼接的形式（推荐）3. 通过遍历的形式（不推荐）总结一. 需求如下图的下拉选项框，点击查看需要同时获取到选中选项的label值...

• 2023-04-07

135浏览

0评论

vue3怎么数据监听watch/watchEffect

目录watch()函数watchEffect()函数watch 与 watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函...

• 2023-04-07

141浏览

0评论

vue前端RSA加密java后端解密的方法实现

目录一、前言二、前端代码与用法三、后端代码与用法一、前言最近安全测试的总是测出安全漏洞来，让开发改。想了想干脆把请求参数都加密下，前端加密后端解密，这样总差不多了。看...

• 2023-04-07

191浏览

0评论

vue3使用el-upload上传文件示例详解

目录el-upload上传文件属性方法上传图片的实现存在的坑问题1问题2问题3el-upload上传文件在项目开发的过程中上传文件的需求是经常会遇到的，这篇文章我们就详细介绍使用eleme...

• 2023-04-07

173浏览

0评论

Vue如何使用ElementUI对表单元素进行自定义校验及踩坑

目录前言非空校验自定义校验定义自定义校验函数使用自定义校验函数总结前言在使用ElementUI的表单元素时候，除了做一些简单的非空处理校验，在一些特殊的场合，还需要我们做一些...

• 2023-04-07

111浏览

0评论

Vue使用distpicker插件实现省市级下拉框三级联动

目录前言安装distpicker引用并注册distpicker使用distpicker移动端适配美化样式取值总结前言这几天做项目，想着用一个全国省市区插件，之前就知道有几种，比如通过JSON文件生成对...

• 2023-04-07

134浏览

0评论

vue实现将自己网站(h5链接)分享到微信中形成小卡片的超详细教程

目录最新更新前言准备工作前端业务实现（超详细）后端代码实现（超详细）总结最新更新2022年12月24日23:58:30发现了个问题，解决了好久，问题如下：当我直接将链接发送到微信中的时候，然后...

• 2023-04-07

121浏览

0评论

Vue3使用JSX的方法实例(笔记自用)

目录1. Vue3 中 JSX 的基本应用1.1 在 .vue 文件中使用 jsx1.2 .jsx文件格式2. JSX 和 template 的区别2.1 插值2.2 自定义组件2.3 属性和事件2.4 条件和循环 3. JSX 和 slo...

• 2023-04-07

134浏览

0评论

webpack中的optimization配置示例详解

webpack配置optimizationminimizerruntimeChunknoEmitOnErrorssplitChunks主要就是根据不同的策略来分割打包出来的bundle。本人项目中splitChunks配置如下：module.exports =...

• 2023-04-07

125浏览

0评论

Vue 事件处理函数的绑定示例详解

目录正文Vue 的事件处理绑定事件修饰符按键修饰符Vue 为什么会在 HTML 中监听事件？正文在 JS 中「事件」是不需要绑定的，浏览器自带了许多的事件，每个事件都可以去绑定「处理器...

• 2023-04-07

113浏览

0评论

让ChatGPT解读Vue3源码过程解析

目录前言实战setup小结总结前言ChatGPT 最近十分火爆，今天我也来让 ChatGPT 帮我阅读一下 Vue3 的源代码。都知道 Vue3 组件有一个 setup函数。那么它内部做了什么呢，今天跟随...

• 2023-04-07

189浏览

0评论

Vue中 引入使用 babel-polyfill 兼容低版本浏览器的方法

目录1. 兼容低版本浏览器方法1.1 安装 babel-polyfill1.2 引入1.3（新增）在 babel.config.js 中配置1.4 在 vue.config.js （新增）配置 transpileDependencies2. vue-cli 2.x 中配...

• 2023-04-07

131浏览

0评论

Vue实现用户没有登陆时,访问后自动跳转登录页面的实现思路

目录设计思路 代码实现设计思路定义路由的时候配置属性，这里使用needLogin标记访问页面是否需要登录设置路由守卫，每个页面在跳转之前都要经过验证，校验用户信息是否存在，不存在...

• 2023-04-07

119浏览

0评论

手把手教你使用Node连接mongodb

要使用 Node.js 连接 MongoDB，通常使用 Mongoose 这个对象文档模型（ODM）库。下面就来简单介绍一下使用 Mongoose 连接 MongoDB 的方法。Mongoose 是一个 Node.js 包，提供了一个...

• 2023-04-04