样式 组件scoped vue
vue项目axios请求 解决跨域问题
前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
解决el-button的:focus引起的样式问题
问题描述 当点击按钮时，按钮处于灰色状态，但是鼠标移出按钮，按钮并没有回复成原本的颜色 问题产生原因 在鼠标点击按钮后，按钮处于:focus状态 // element的源码.el-button:focus,.el-button:hover { color: var(--el-button-hover ......
暂告一段落的vue学习以及uniapp的开始
最近学习了VUE并且参照其他开源项目做了一个大致的框架，只余部分还需要改成自己的东西， 但是这个要到一段落了，开始了小程序项目之旅， 首先还是到uniapp官网查看官方资料 当然了，还是要从vue3的部分开始学起 跟着官方视频做了一个试例，感觉还不错，很简单 然后项目正式开始了~~ 终于开始了客户项 ......
vue+element根据表单中选项切换，更改表单验证规则
表单：<el-form-item label="周期间隔（天）" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔（天） ......
vue 使用Adsense错误：TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.
<div class="adsenseunit"> <!-- in-article-aquare2 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-3935005489954231" data-ad ......
vue后台使用富文本插件的问题（vue-quill-editor）
1、之前用的wangeditor富文本插件，使用是灰常方便了，但问题多多，插入视频出现问题，有些图片回显也有问题，不显示什么的 然后在网上又找了个vue-quill-editor，图片回显什么的是没问题了，就是有点难用，下面来配置一下，记录如何使用vue-quill-editor的插入超链接、图片、 ......
列举出css所有的样式选择器
以下是 CSS 中常见的各种样式选择器： 1. 元素选择器：通过 HTML 元素名称选择元素，如 `p`、`div` 等。2. 类选择器（Class Selector）：通过 `class` 属性选择一个或多个具有相同类名的元素，如 `.example`。3. ID 选择器（ID Selector） ......
vue和springboot前后联调
devServer: { port: 7000, proxy: { '/': { target: 'http://localhost:8080/', changeOrigin: true } } } 上面是vue配置，这个配置就可以跨域，你访问http://localhost:7000/转为访问ht ......
vue3中组件,api的自动导入
vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦，偷懒是人的天性，故引入自动导入插件，以此记录： 1.vue3的api自动导入 使用前： <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
Vue2.0中使用bpmn-js
使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
vue-ref
在Vue中一般很少会用到直接操作DOM，但不可避免有时候需要用到，这时我们可以通过ref和$refs这两个来实现，本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上， 如果是在普通的DOM元素上使用，引用指向的就是 D ......
vue-插槽 slot
插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个概念这里就点出来了，是显不显示和怎样显示 “占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中<slot>位置），当插槽 ......
vue-computed
使用场景和方法： 1、当数据A的逻辑很复杂时，把A这个数据写在计算属性中。 2、在computed中定义一个函数（看起来是一个函数，其实是一个属性） 3、通过选项computed：{计算属性a:值}。带有返回值return的函数。 特点： 监听值未在data中定义，以return返回值形式； 计算属 ......
vue-this关键字
vue中， 在script中调用属性和方法，需要使用this 在template使用属性、方法，可以省略this： 因为vue在解析template时使用了with(this)，改变了template中的顶层作用域 ......
Bootstrap Blazor 实战动态表单组件
### 1.新建工程 [源码](https://github.com/densen2014/Blazor100/tree/master/b18ValidateForm?WT.mc_id=DT-MVP-5005078) 新建工程b18ValidateForm,使用 nuget.org 进行 Boots ......
[ Vue ] opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
报错触发场景：Mac系统，开发工具启动从其他地方拷贝或者git克隆来的，非自建前端Vue项目时。 报错内容如下： opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], libr ......
vue-cli
Vue CLI 是官方提供的一个 vue 项目脚手架，本项目也是基于它进行构建的。它帮你封装了大量的 webpack、babel 等其它配置，让你能花更少的精力在搭建环境上，从而能更专注于页面代码的编写。不过所有的脚手架都是针对大部分情况的，所以一些特殊的需求还是需要自己进行配置。 安装和使用 np ......
scroll-view 组件里的 scroll-into-view 属性实例
微信小程序的scroll-view组件中，scroll-into-view 属性可以指定滚动到指定id的位置。 <scroll-view class="content" scroll-y scroll-into-view="{{ intoIndex }}" scroll-with-animation ......
springboot结合baomidou dynamic-datasource组件实现多数据源
当系统数据量过大，系统性能问题逐渐浮出水面。使用主从模式，不失是一个较好的选择。即业务在主库执行，不影响业务的查询考虑走从库。这时，程序需要动态多数据源配置。 🍀程序如何实现1. pom引入多数据源组件依赖 <dependency> <groupId>com.baomidou</groupId> ......
jq导出带样式的excel表格
引入jS<script type="text/javascript" src="/Public/js/jquery.2.2.4.min.js"></script> <script type="text/javascript" src="/Public/js/jquery.table2excel.js ......
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr ......
vue监听对象属性值发生变化
监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一：直接根据watch来监听。 export default { data() { retu ......
14.4K Star，一款外观漂亮、运行快速、动画细腻的开源免费UI组件库
之前给大家推荐了很多后台模版，有读者希望推荐一些跟通用的好看组件，毕竟出了后台还有很多其他场景嘛。所以，今天继续给大家推荐一个广受好评的UI组件库：[**NextUI**](https://blog.didispace.com/tj-opensource-nextui/) 、/deep/、>>>、::v-deep 到底是什么？
原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？ - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会 ......
vue~layout模板页的使用
# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的，而且在很多项目中都被广泛采用，包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构，减少重复代码，并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法： 1. **Layout 组件 ......
【pandas小技巧】--DataFrame的显示样式
上一篇介绍了`DataFrame`的显示参数，主要是对`DataFrame`中值进行调整。 本篇介绍`DataFrame`的显示样式的调整，显示样式主要是对表格本身的调整，比如颜色，通过颜色可以突出显示重要的值，观察数据时可以更加高效的获取主要信息。 下面介绍一些针对单个数据和批量数据的样式调整方式 ......
导入导出（Excel）vue
导入导出（Excel） 首先 vue安装插件 （最后有完整代码） npm install xlsx file-saver 其次： 简单的导出按钮 代码： <template> <div> <el-button type="primary" @click="exportExcel">导出 Excel< ......