浏览器vue day 43

vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符： <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~ 上面代码，还可以在这样写： <input v-on:keyup.enter="submit"> ......

VUE更改VUEX状态：简单示例代码： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { i ......

任务分配表 前端 目前正在进行登录界面的框架设计，包括管理员和普通用户分区块的管理方法。同时，我们正在模拟测试阶段，以解决后端与前端匹配的潜在问题。 数据库 继续深入学习并进行数据库的制作。 项目整体框架 前端截图： 后端截图： ......

npm安装no-vue3-cron引入报错，就直接把代码拿来自己改了 no-vue3-cron仓库地址：https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue <style lang="scss"> .no-vue3-cron-div { . ......

<a-tabs :activeKey="activeKey" @change="handleTabChange"> <a-tab-pane v-for="(item, index) in menuList" :key="item.id" :tab="item.name" :index="index" ......

前言 如果你在 FastAPI 中使用 Jinja2 模板引擎，默认使用了 {% ... %} 和 {{ ... }} 这样的标记语法。 如果你需要在模板中使用 Vue.js 或其他类似的前端框架，可以通过修改 Jinja2 的标记语法避免冲突。 Jinja2 支持自定义标记语法，你可以在 Fast ......

01. MySQL-多表查询-概述 数据准备 #建议：创建新的数据库 create database db04; use db04; -- 部门表 create table tb_dept ( id int unsigned primary key auto_increment comment '主 ......

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......

在 Vue2 中，父组件向子组件传递参数时，如果参数是对象或数组（即非基本数据类型），那么子组件可以直接修改这个参数，这会影响到父组件的数据。如果你想避免这种情况，你可以让子组件对父组件的传参进行深度拷贝。这样，子组件就可以自由修改拷贝后的参数，而不会影响到父组件的数据。 这是一个例子，假设父组件向 ......

Day05 变量 定义： 在程序执行过程中，其值有可能发生改变的量（数据） 使用场景： 当某个数据经常发生改变时，我们也可以用变量存储。当数据变化时，只要修改变量里面变化的值即可。 变量的定义格式 数据类型 变量名 = 数据值; （数据值：存在空间里面的数值） （变量名：为空间起的名） （数据类型： ......

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......

一、vue 官网：https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目 ......

Day2双指针法排序，滑动窗口，螺旋矩阵 By HQWQF 2023/12/14 笔记 977.有序数组的平方 https://leetcode.cn/problems/squares-of-a-sorted-array/ 返回一个非递减顺序排序的整数数组每个元素的平方后组成的新数组，新数组也按非递 ......

Day04 注释 注释的分类 单行注释 //注释信息 多行注释 /*注释信息*/ 文档注释 /**注释信息**/ 注释的注意事项 注释的内容不参与编译也不参与运行的 多行注释会以最近的"*/"作为注释的结尾，不管是单行注释还是多行注释，在书写的时候都不要嵌套 关键字 关键字的特点 关键字的字母全部小 ......

团队任务总结 一、团队成员任务分配 为推动项目进展，团队今天共同完成了登录页面的设计与编码。以下是团队成员在页面开发中的任务分配和进展： 张钰权：负责整体页面布局和样式设计，确保页面在不同设备上的良好显示。 周绍坤：主要负责表单元素的设计和样式调整，提高用户体验，确保信息清晰展示。 张爽：参与表单元 ......

异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......

需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......

什么是方法？ System.out.printin（），那么它是什么呢？ （System是类 out是一个对象 printin则是方法） ​ 意思是调用系统中的一个对象中的发放 Java方法是语句的集合，它们在一起执行一个功能。 方法是解决一类问题的步骤的有序组合 方法包含于类或对象中 方法在程序中 ......

1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......

前言 在工作中遇到了这个问题，多次排查，耗费了不少时间才解决这个问题。问题的解决很简单，但发现根本原因还是有点困难，因此在此做个记录，以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......

1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......

需求场景：el-table构造一个树形列表，支持新增节点，删除，修改等操作。 实现效果 思路 一般的el-table 增删改，我们都很熟悉；关键在于实现一个纯前端的树形列表，最终再调接口存列表数据。 树形el-table，需要设置 row-key，一般为 id，所以每新增一条数据，都必须有id。需要 ......

前言 我们要把edge玩出花，让它充分发挥自己的强大实力，就需要安装各个功能强大的插件，这些插件可以帮助我们实现各种功能，本文就来给大家介绍一下几款实用的edge浏览器插件。 Adblock Plus 广告会降低我们的浏览体验，Adblock Plus能够屏蔽网页上的广告，我们的浏览更加干净和快速。 ......

前言 提到Windows系统自带的浏览器，大家第一反应就是IE，对IE大家都是深恶痛绝的，然后大家就纷纷转向了Chrome和Firefox；应该说微软也是知道大家对IE的不满，痛定思痛之后，推出了基于 Chromium内核的新浏览器——Edge，我本来也是拒绝的，但是使用之后，就真香了，使用十分方便 ......

01. MySQL-DQL-基本查询 介绍 DQL英文全称是Data Query Language(数据查询语言)，用来查询数据库表中的记录。 查询关键字：SELECT 查询操作是所有SQL语句当中最为常见，也是最为重要的操作。在一个正常的业务系统中，查询操作的使用频次是要远高于增删改操作的。当我们 ......

vue路由切换时内容组件的滚动条回到顶部：https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......

在vue2中，每当我添加路由选项的时候，vscode并不会报错，运行后连原本的东西都不见了 也尝试了一下网上搜索的方案，如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router，最新版本的router是匹配的vue3，导致页面一片空白 解决方法就将原来的rou ......

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......

vue项目 npm install 安装依赖 特别慢 解决办法使用NPM（Node.js包管理工具）安装依赖时速度特别慢，为了安装Express，执行命令后两个多小时都没安装成功，最后只能取消安装，笔者20M带宽，应该不是我网络的原因，后来在网上找了好久才找到一种最佳解决办法， 在安装时可以手动指定 ......