接口axios vue all
VUE input允许数字 且两位小数
页面： <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法： onlyNumber() { this.form.ysje = this.onlyNu ......
0824 学习vue3
node 版本 v16.17.1 1、创建vue项目 命令： 创建vue 项目 1、pnpm create vite 下载依赖 2、pnpm install 运行项目 3、pnpm run dev 4、开启启动项目自动打开浏览器 5、安装代码规范检测插件 5.1 首先安装eslint 命令：pnpm ......
值得推荐的Vue 移动端UI框架
1. Vant（支持Vue3） 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件，这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
关于前端接口的formData传参
工作中遇到个简单的问题，后端提供接口需要前端用formdata 传文件和普通对象参数拼接的参数； 本来是个简单的问题，记录一下做个简单的总结顺便梳理下相关基础性知识点： ##### 1. formdata 将数据转换成键值对进行传参, key是唯一，一个key可以对应多个value，如果是使用表单初 ......
Vue【原创】下划线动态效果按钮，一般按钮模式，开关切换模式。
1.lilo-icon-button 一般按钮模式： 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style=" ......
vuedraggable和vue-fragment冲突导致连续多次拖拽报错问题
项目中使用了vuedraggable实现拖拽功能。同时为了不产生多余标签，引入了vue-fragment。在连续多次拖动之后，总是报错。 解决办法：卸载vue-fragment。如果不想引入多余的标签，可以直接使用<template>，而且<template> 标签是标准的 HTML 标签，更具可移 ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
Vue【原创】千位符输入框（不仅只是过滤器哦）
最近和一个做金融的朋友讨论到千位符输入的问题，后来一想貌似自己项目中也会经常碰到金额数字这种输入框，要么自己做一个吧。 首先肯定要有一个正则表达式，也就是过滤器的方案里面常用的正则： 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......
使用ant design vue Table组件遇见的问题记录
1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......
vue中使用SSE
安装依赖包 npm install event-source-polyfill --save 封装方法 SSEClient.js import {EventSourcePolyfill} from "event-source-polyfill"; import { getToken } from " ......
vue 动态路由，按钮权限控制
src/directive/permission/index import Vue from 'vue' import buttonPermissions from './permission' // 注册全局指令 Vue.directive('permiss', buttonPermissions ......
创建web应用程序，React和Vue怎么选？
React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持，代码库可以很大程度地扩展，允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝，可以解决你在开发阶段可能遇到的任何问题。 毫无疑问，React是创建跨平台解决方案的最佳框架。V... ......
答疑解惑：解释在Mybatis-Spring下@Mapper与@MapperScan为何不能同时生效以及实现动态条件注册Mapper接口
**若项目中使用了@MapperScan注解后，则@Mapper注解不再生效**， 原因是：@MapperScan注解 会执行@Import(MapperScannerRegistrar.class)，而MapperScannerRegistrar又会注册MapperScannerConfigure ......
vue--day69---vuex
1. vuex 是什么 概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应 用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方 式，且适用于任意组件间通信。 2. 什么时候使用 Vuex 1. 多个组件依赖于同一状态 2. 来自不同组件的行为 ......
vue 脚手架文件结构及加载过程浅谈
1. 初始化脚手架 1.1 全局安装 @vue/cli npm install -g @vue/cli 1.2 切换到创建项目的目录，执行 vue create projectname 1.3 选择符合自己要求的项进行Y/N，最终生成项目文件 2. 脚手架文件结构 |-- node_modules: ......
vue--day68--插槽的总结
## 插槽 1. 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类：默认插槽、具名插槽、作用域插槽 3. 使用方式： 1. 默认插槽： ```vue 父组件中 ......
vue--day67--作用域插槽
1. App.vue <template> <div class="container"> <Category title="游戏" > <template scope="atgui"> <ul > <li v-for="(g,index) in atgui.games" :key="index"> ......
vue3+vite2动态绑定图片优雅解决方案
> 优雅解决方案在最下面，小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中，我们有时候想要动态绑定资源，比如像下面的代码这样： ```html ``` 实际效果是这样： 
在HTML+CSS+JavaScript前端三件套后，Vue的出现就显得很有必要了 Vue是一种前端开发JS框架，它的出现使传统的面向JS中的DOM对象模型的开发效率得到了提升。Vue的核心思想是MVVM（Model-View-ViewModel）模型，这种模型使得前端的页面显示同后端数据模型相结合 ......
vue复习
vue vue是什么？ 它是一个轻量级MVVM框架 数据驱动+组件化的前端开发 Github 超过25K + 的star 熟，社区完善 Vue.js更轻量，gzip后大小只有26K；更易上手，学习曲线平稳 形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期 vue的优缺点 优点1 ......
OS(二十三)：接口之系统调用
操作系统是用户与计算机硬件系统之间的接口。OS向用户提供了 用户接口 和 程序接口 两类接口。 用户接口：操作系统为用户提供的用户与操作系统的接口。 程序接口：操作系统向编程人员提供程序与操作系统的接口。 1、系统调用 程序接口是OS专门为各用户程序设置的，是用户程序获取OS服务的唯一途径。 系统调 ......
pytestx重新定义接口框架设计
# 概览 脚手架：  目录：  ```sh java -Dserver.port=8089 -Dcsp.sentinel ......
Vue packages version mismatch:
报错原因：vue与vue-template-compiler版本不匹配。 解决办法： 上图中说了看看使用vue-loader的版本，我的是13版本大于10.0版本，这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil ......
网络安全-修改基础接口配置（MSTP负载均衡）
[s3-GigabitEthernet0/0/1]dis this#interface GigabitEthernet0/0/1 port link-type access port default vlan 10#return[s3-GigabitEthernet0/0/1]port de [s3 ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
Linux调度数据相关的接口
前言 Linux中实现了不少接口来将调度相关的数据提供给用户；用户通过读取这些数据可对系统调度运行情况有更加客观的认知。这些接口有系统级别的，也有任务级别的；下面对其做一个简单的汇总。 一、系统级别 1.1 /proc/stat 条目 usr nice system idle iowait irq ......