变量vue3 vue css
vue3 报错:husky - pre-commit hook exited with code 1 (error)
问题:git 提交不上去 解决方法: "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
CSS基础-背景
### **background-color** 背景颜色, 可以使用十六进制、rgb、rgba表示。 **语法** ``` /**selector 背景元素的原则去*/ /** color 背景颜色的值, 可以是 颜色名称、十六进制值、RGB、RGBA*/ selector { backgroun ......
Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上,实现弹窗窗体可移动以及随意缩放大小。 效果如下 注: 博客: https://blog.c ......
vue-manager-system前端开发使用
github地址,感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
umi-qiankun——子应用vue+element返回主项目react+antdReact,样式丢失问题
参考: [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
Vue3 Avue Excel导入导出两种方法
Vue3 Avue Excel导入导出两种方法 1.根据avue官网,直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 (一定要放到index.html中的head标签里)--> <script src="https://cdn.staticfile.org/Fil ......
找不到模块“../view/Home.vue”或其相应的类型声明。
环境:vue3+ts 解决办法:在src目录里面添加env.d.ts文件,在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
VUE input允许数字 且两位小数
页面: <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法: onlyNumber() { this.form.ysje = this.onlyNu ......
变量和方法命名的最佳实践
在每个代码范围内使用足够短和足够长的名称:例如循环计算器用一个字符就可以了,如i;条件和循环变量用一个单词,方法名1-2个单词,类名2-3个单词,全局变量3-4个单词组成 为变量指定一些专门名称,不要使用例如 "value", "equals", "data" 这样的变量名 变量名要使用有意义的名称 ......
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 ......
避免变量遮蔽
在Go编程中,正确的代码组织和结构对于保持代码的可读性和维护性至关重要。然而,一些常见的陷阱和错误经常会影响我们的代码质量。本文将探讨如何避免变量遮蔽和滥用嵌套代码,以提升Go代码的可读性和健壮性。 **避免变量遮蔽的问题** 变量遮蔽是指在内部块中重新声明一个已存在的变量名,这种做法容易导致意外的 ......
值得推荐的Vue 移动端UI框架
1. Vant(支持Vue3) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
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设置为唯一属性查了一下也不一定是 ......
Visual Studio 2019以及更新的版本,在获取到异常时,鼠标指针移上没有反应,在控制台输出异常提示”无法获取本地变量或参数的值,因为它在此指令指针中不可用,可能是因为它已经被优化掉了。”
解决方案 1.选择项目右键点击属性 2.在常规里可以看到优化编码这一项,取消勾选即可 ......
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... ......
【校招VIP】CSS校招考点之水平/垂直居中
考点介绍: 前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架搭建之中,又有居中布局/多列布局/全局布局。今天介绍一下居中布局的水平居中和垂直居中。 一、考点题目 1、请使用绝对定位实现水平垂直居中。 解答:在平时,我们经常会碰到让一个div框针对某个模块上下左右都居中(水平垂直 ......
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: ......
编写css并在html中调用
编写CSS文件的基本步骤如下: 创建一个新的文本文件,并将其保存为以.css为扩展名的文件,例如styles.css。 在CSS文件中编写样式规则。每个样式规则由选择器和一组属性-值对组成。选择器用于选择要应用样式的HTML元素,属性-值对定义了要应用的样式。例如: body { backgroun ......
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"> ......