后部vue vue2 vue3
Vue3 - Teleport 传送门
前言 对比 Vue2 ，引出并展开 Vue3 。 本文讲述了 Teleport 传送门是什么，以及使用方法和代码示例。 介绍 学过 React 的同学可能知道， Portal 也提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀方案，当然咱们大名鼎鼎的 Vue3 也做到了，关于这方面的功 ......
vue脚手架的练习1
<template> <div class="project"> <first-page></first-page> <second-page></second-page> </div> </template> <script> import FirstPage from './FirstPage1 ......
vue小练习之记事本
<div id="Book" style="background-color: cornflowerblue;"> <h2 style="text-align: center;">记账本</h2> <div style="text-align: center;"> 支出:<input type="t ......
Java基于协同过滤算法开发的springboot+vue服装商城
演示视频 https://www.bilibili.com/video/BV1oH4y127fq/?share_source=copy_web&vd_source=11344bb73ef9b33550b8202d07ae139b 主要功能：用户可以浏览商品和特价商品，加入购物车，直接下单支付，在我的 ......
vue ztree 的使用
ztree 是一个很经典的基于jquey开发的树结构编辑展示UI组件库。 https://gitee.com/zTree/zTree_v3 gitee上有一个很适合vue使用的ztree封装库， https://gitee.com/astinlee_admin/Vue-Giant-Tree/tree ......
vue font awasome 的使用
font awasome 是一个很经典的图标库。 目前已经更新到了V6版本。 但是从V5开始，这个库就已经闭源收费了。 所以开源库里面最新版本是V4.7。 https://www.npmjs.com/package/font-awesome/v/4.7.0 那么怎么使用呢？ main.js impo ......
前端框架vue路由hash模式与history模式的区别
hash模式会在页面初始化的时候，url后面会带上/#的hash值，后面是路由组件加携带参数，缺点是看起来不太美观，但相比于history模式来说，它具有用户在页面各种点击操作后，点击刷新后数据不丢失，也不会出现网络报错。 而history模式优点是能让整个url看起来比较简洁美观，但问题就是项目部 ......
Vue element 关于下拉框输入模糊查询
最近又一个新的需求，在输入框实现输入框下拉模糊查询 开始对elementui还不熟悉，不知道怎么用，不过通过网上查阅资料发现使用 <el-col :span="12"> <el-autocomplete v-model="form.name" :fetch-suggestions="querySea ......
Vue2纯前端导出
//导出 exportExcel() { //构造数据 const data = [ ['姓名', '手机号码', '卡号', '身份等级'], ...this.list.map((item) => [item.clientName, item.clientPhone, item.card, ite ......
Vue3实现九宫格抽奖效果
需求与效果 需求： 1、礼品根据后台配置生成 2、跑马灯转动效果 3、结果后台生成并且每个礼物概率不一样（概率这里不讨论） 注意点： 1、布局如何排列，是按照跑动排列还是从左至右自上而下排列 2、点击按钮如何插入，DOM结构如何生成 3、跑马效果如何实现，速度如何控制 4、接口如何处理，包括接口报错 ......
Vue3实现转盘抽奖效果
1、实现转盘数据动态配置（可通过接口获取） 2、背景色通过分隔配置 3、转动速度慢慢减速，最后停留在每一项的中间，下一次开始从本次开始 4、当动画停止后在对应事件中自定义生成中奖提示。 5、本次中奖概率随机生成，也可自定义配置 实现代码 html <template> <div class="gra ......
Ubuntu20.04 安装后部分问题解决方案
安装搜狗输入法 搜狗官方有教程：https://shurufa.sogou.com/linux/guide Ubuntu 与 Windows 时间不一致的问题 安装 ntpdate： sudo apt-get install ntpdate 校准时间： sudo ntpdate time.windo ......
遇到了vue3 刷新问题
index.d762f427.js:3 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https ......
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起：https://blog.csdn.net/weixin_43991241/article/details/126319259?ops_reque ......
vue获取手机GPS定位信息
<div id="demo"> <div @click="getPosition">你的定位</div> </div> <script> let app=new Vue({ el: "#demo", data() { return { } }, methods: { getPosition(){ v ......
Vue实现动态路由导航
Vue实现动态路由导航：https://blog.csdn.net/weixin_65950231/article/details/128983010?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170080675716800186 ......
Vue中页面访问拦截
页面访问拦截 目标：基于全局前置守卫，进行页面访问拦截处理 说明：对于一个项目来说，大部分的页面，游客都可以直接访问，如遇到需要登录才能进行的操作，提示并跳转到登录，但是：对于支付页，订单页等，必须是登录的用户才能访问，游客不能进入该页面，需要做拦截处理 路由导航守卫-全局前置守卫 所有的路由一旦被 ......
Vue项目demo
企业级项目目录 api接口模块：发送ajax请求的接口模块 utils工具模块：自己封装的一些工具方法模块 Vant 组件库 第三方组件库：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/ 引入组件 方式一. 自动按需引入组件 (推荐) babel-plu ......
HTML+CSS+Javascript+Vue
Table of Contents I. HTML II. CSS Get Started I. HTML 按tab自动生成 Label Meaning Properties div 块状元素 span 行间元素 h1 - h6 标题 i icon图标 strong 字体加粗 a 超链接 img 插 ......
【前端VUE】Vue3+TypeScript+Django Rest Framework-环境准备
开发环境搭建 需要用到的环境如下： * Python 3.7.7 * Node.js v20.4.0 * NPM 9.7.2 * Yarn 1.22.21 * Git 2.40.1.windows.1 前端环境安装 1、下载安装Node.js,下载链接 https://nodejs.org/dist ......
java实现大文件的分片上传与下载（springboot+vue3)
1.1 项目背景对于超大文件上传我们可能遇到以下问题• 大文件直接上传，占用过多内存，可能导致内存溢出甚至系统崩溃• 受网络环境影响，可能导致传输中断，只能重新传输• 传输时间长，用户无法知道传输进度，用户体验不佳 1.2 项目目标对于上述问题，我们需要对文件做分片传输。分片传输就是把文件分割成许多 ......
微信小程序--封装同vue一样使用的watch监听器
1、watch.js 实现监听器功能的逻辑代码 /** * 设置监听器 */ export function setWatcher(page) { let data = page.data; let watch = page.watch; Object.keys(watch).forEach((v) ......
uniapp+vue3中使用swiper和自定义header实现左右滑动的Tabs功能
首先创建一个Tabs的Header，包含有一个下划线的指示器，在点击tabs的标题时候下划线会跟着动态的滑动 下面是完整的Tabs的代码，可以看到定义了Tabs的background颜色样式，包含tab的宽度indicatorWidth，以及下划线的颜色indicatorColor 主要的是tabL ......
前端vue使用表单form或表格table时的注意事项
如图，该table表格的data名字为：MyData 因此在后面需要在表格里展示数据的时候需要给MyData赋值 如下图 ......
前端vue在表单tableData中scope的注意事项
如图 ps（scope为表单中这一行的数据） this.scope和scope不是同一个数据 如果像上图这么写的话，会报错如下 显示scope未被使用， 可以将scope赋值给某个数据然后就不会报错了 二、关于scope和scope.row的区别 ①scope ②scope.row undefine ......
【最新最全指南】Vue项目安装eslint配置说明
本指南都适配windows和mac下的开发项目 第一步：安装 1、全局安装：eslint （最好全局安装1个，配置出错debug方便） npm install eslint -g 2、项目本地dev安装：eslint（也可不安装，后面安装eslint-plugin-vue时候，默认会一起安装esli ......
在vue2.0 项目中集成 Electron 实现桌面端应用
需求：在桌面端有个应用能直接打开项目，不用在浏览器中浏览。 方案：vue2.0 + Electron 关于vue的项目搭建和electron的相关介绍可以去官网了解，这里是直接在已经开发好的vue2.0的项目中直接加入electron。 electron介绍： 参考1： https://electr ......
全屏API及vue3 hook封装
最近在一个大屏项目遇到一个需求：用户可以通过一个按钮，触发页面部分模块全屏。通过以下API可以实现： Element.requestFullscreen()方法用于发出异步请求使元素进入全屏模式。 且全屏状态变化会触发以下事件： fullscreenchange 事件会在浏览器进入或退出全屏模式后立 ......
Vue 中 vuex 的使用
一、内容：1.vuex 是 vue 中实现“集中式数据管理”的一个 vue 插件。2.被管理的数据，是组件共享的，任意组件都可以访问管理。3.vuex 包含三个部分：actions（动作）, mutations（加工）, state（状态）。4.工作原理：（1）组件欲发起动作（即修改数据）。（2）向 ......