事项vue cli 01

vue2使用富文本编辑器vue-quill-editor

一、将图片保存为base64编码(不建议) 使用步骤: 1、 安装vue-quill-editor npm install vue-quill-editor -S 2、main.js中全局引入 // 富文本编辑器 import VueQuillEditor from 'vue-quill-edito ......
vue-quill-editor 编辑器 vue 文本 editor

使用 OpenTelemetry 构建可观测性 01 - 介绍

毫无疑问,在过去几年里,你可能已经多次听到过可观测性这个词。对于很多人来说,很难理解这个词的真正含义。对许多人来说,他们错误地将其等同于"监控"。虽然可观测性的根本定义以及它所包含的一切都不在本系列博文的讨论范围之内,但我强烈建议您购买一本由 Charity Majors ([twitter](ht ......
OpenTelemetry 01

vue前端项目中遇到的问题以及解决方案-不定时更新

###vue-cli创建vue项目中全局使用mixin 首先需要安装插件 ~~~ npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev ~~~ 修改vue.config.js文件 ~~~ ......
前端 解决方案 方案 项目 问题

若依单体Vue版本新增多环境配置

若依框架是一个简单的web后台管理脚手架,基于SpringBoot+Vue开发的。本次更改版本为3.8.7截止2023年8月14日,最新版本! 若依自带只有 application.yml 与 application-druid.yml 两个配置文件。本次需要增加 dev 开发环境 ; prod 正 ......
单体 版本 环境 Vue

vue3 中 props 传递响应式值不会变

vue3 中 通过 props 传递响应式值不会跟着响应式,原因为获取 props 的时候 直接通过 props.xxx 来获取了,如果要保持响应式,需要手动转为响应式 const { status } = toRefs(props) // or const status = toRef(props ......
props vue3 vue

lordrunner-工具使用记录01

工具:--一般以管理员身份运行VUG(黄)虚拟用户生成器,编辑脚本con(绿):场景设计和运行分析器(蓝):查看结果TPS 一:*************************************VUG(黄)虚拟用户生成器,编辑脚本打开后录制配置************************ ......
lordrunner 工具

安装windows11的注意事项

进入到安装界面后,在选择时间和货币格式的时候选择:英语(世界),据说这样可以避免第三方软件的安装。 ......
注意事项 事项 windows 11

vue图片放大缩小拖拽

1.封装可放大缩小拖拽组件<template> <div class="drag-outer" ref="dragWrap" :style="'width:'+imgWidth" @mouseenter="isHover = true" @mouseleave="isHover = isMoused ......
图片 vue

Vue+Element导出Excel表格示例

<template> <div @click="exportFn">导出</div> </template> <script> export default { data() { return { query: { pageIndex: 1, // 当前页 pageSize: 10, // 页大小 ......
示例 表格 Element Excel Vue

01 spring cache 搭配 redis 自定义缓存时间 和 ehcache

# spring cache 缓存在jvm # 搭配redis ## pom ``` org.springframework.boot spring-boot-starter org.springframework.boot spring-boot-starter-data-redis org.ap ......
缓存 ehcache 时间 spring cache

vue 如何将链接或者文字通过qrcodejs2插件转为二维码

1、首先需要安装qrcodejs2插件 yarn add qrcodejs2 2、需在html里面定义一个用于渲染二维码的标签元素 <div ref="qrcode" style="display: none"></div> 3、开始处理转换 created() { const miniPath = ......
qrcodejs2 插件 qrcodejs 文字 链接

day06 - 哈希表part01

242. 有效的字母异位词 讲解 class Solution { public: bool isAnagram(string s, string t) { if(s.length() != t.length()) return false; map<char, int> map_s; map<ch ......
part day 06 01

判断浏览器是否支持webgl(在vue项目中)

vue项目中嵌入cesium地球,个别浏览器(例:360安全浏览器)访问时地球会无法加载,页面提示错误信息: 该浏览器不支持webgl,webgl是一种3D绘图协议,可以为HTML5 Canvas提供硬件3D加速渲染,这样就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航 ......
浏览器 项目 webgl vue

Vue Tdesign TDialog 组件渲染子组件接口调用问题

## 复现条件 - Vue3 - TDesign t-dialog - 在onMounted生命周期中调用接口的自定义组件 ## 问题 - 页面上使用t-dialog 组件,t-dialog组件中调用自定义组件时,v-model:visible为false,在渲染到自定义组件,请求了自定义组件中请求 ......
组件 接口 Tdesign TDialog 问题

Vue3 setup的业务逻辑分离功能拆分

在Vue3开发中,我们可能遇到一个页面或者组件业务逻辑很复杂,代码量达到千行,不利于阅读和维护,因此需要将业务逻辑进行分离 首页主界面 index.vue // index.vue <script> import {reactive, toRefs} from 'vue' import useOpe ......
逻辑 功能 业务 setup Vue3

vue + element-ui 的from表单嵌套数组的验证问题

在 vue + element-ui/plus 的项目中,有的时候会出现表单自定义增加数组字段,并要对新增加的字段添加相关验证。 举个例子 // 结构 data(){ return{ form:{ name:'', Param:[ {id:0,label:'',Itemtype:0,}, {id:1 ......
数组 表单 element-ui element 问题

vue-treeselect 校验及清除校验

# 问题 `vue-treeselect` 依照以下方式无法实现校验(未选择字段不会提示选择): ``` rules: { pid: [ { required: true, message: `请选择上级${this.nodeLabel}`, trigger: "blur", }, ], }, `` ......
vue-treeselect treeselect vue

vue-admin 左侧的导航栏固定展开,不关闭

一、打开`src/store/modules/app.js`文件 ![image](https://img2023.cnblogs.com/blog/2503609/202308/2503609-20230815090841540-1089766942.png) 二、注释以下代码 ![image]( ......
vue-admin admin vue

读高性能MySQL(第4版)笔记01_MySQL架构(上)

![](https://img2023.cnblogs.com/blog/3076680/202308/3076680-20230813220820722-927556191.png) # 1. 逻辑架构 ## 1.1. 大多数基于网络的客户端/服务器工具或服务器都有类似的服务 ### 1.1.1. ......
MySQL 高性能 架构 笔记 01

学习ruoyi-vue-pro

2023-08-14: 1.windows系统配gitee及gitlab账号, https://blog.csdn.net/z564359805/article/details/109745125#:~:text=windows%E4%B8%8B%E9%85%8D%E7%BD%AE%E5%A4%9A ......
ruoyi-vue-pro ruoyi pro vue

Vue this.$refs的使用

ref 写在标签上时:this.$refs.名字 获取的是标签对应的dom元素 ref 写在组件上时:这时候获取到的是子组件的引用 ......
this refs Vue

vue--day64--Vue-resource

安装 npm install vue-resource //main.js 使用 import VueResource from "vue-resource" Vue.use(VueResource)安装好 Vue-resource 之后,在 Vue 组件中,我们就可以通过 this.$http 或 ......
Vue-resource resource vue day Vue

vue--day63--github搜索案例

1.main.js import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), beforeCreate(){ Vue.protot ......
案例 github vue day 63

关于Vue的就地更新策略的解析

![在这里插入图片描述](https://img-blog.csdnimg.cn/e5068b47250e4fd9aac66f248d4d17ae.jpeg) 在Vue中使用v-for渲染列表时,默认使用就地更新策略。该策略默认是基于索引的,规定在列表绑定的数据元素顺序变化时,不会重新创建整个列表, ......
策略 Vue

01分数规划

# 01 分数规划 ## 什么是 01 分数规划 用人话说,就是: > 有 $n$ 个玩意儿,每个都有两个属性 $(x,y)$。现在要从中选出几个玩意儿,使得 $\frac{\sum x}{\sum y}$ 最大 但是有些人仍然不懂。没关系,可以用数学语言表示: > 有三个序列 $x,y,z$ 长度 ......
分数

Vue computed 计算属性语法

1. 不传参 import { ref, computed} from "vue"; let carnoColor = computed(()=>{ return formatterCarnoColor(model.value.carnoColor) }) 2. 传参 <div v-for="ite ......
语法 computed 属性 Vue

React和Vue的区别,大家怎么看?

React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持,代码库可以很大程度地扩展,允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝,可以解决你在开发阶段可能遇到的任何问题。 ......
React Vue

vue3 使用 vue-i18n 配置多语言环境

## 1. 插件地址: [Vue I18n官方文档](https://kazupon.github.io/vue-i18n/zh/ "Vue I18n官方文档") [GitHub地址](https://github.com/kazupon/vue-i18n "GitHub地址") ## 2. 安装: ......
vue 环境 vue-i vue3 18

使用vue自定义指令实现按钮权限管理

原文链接:https://www.jianshu.com/p/f7d6b9420cee 官网链接:https://v2.cn.vuejs.org/v2/guide/custom-directive.html 注册全局指令 Vue提供了一个directive方法给我们注册自定义指令,在main.js中 ......
指令 按钮 权限 vue

vue函数式组件

<template>改为<template functional> 即可 然后模板里使用到父组件参数的话,需在变量前面加上 props,如 <div>{{count}}</div> 改为 <div>{{props.count}}</div> 如果组件比较简单,只是展示数据的话,可以使用函数式组件,函 ......
函数 组件 vue