缓存 手动keepalive vue

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

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

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

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

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

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

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

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

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

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

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

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

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

## 前言 之前有发过一篇文章[聊聊如何利用redis实现多级缓存同步](https://mp.weixin.qq.com/s?__biz=MzI1MTY1Njk4NQ==&mid=2247507197&idx=1&sn=90b1be9d29f37fc7aba21ccf047fa6b3&chksm= ......

GGTalk 对需要频繁请求服务器的数据做了客户端全局缓存处理，大大减少了向服务器的请求次数，降低了服务器的压力，而且，这也使得客户端的运行速度更快、用户操作体验更流畅。那么，这是怎么实现的了？ ......

一、打开`src/store/modules/app.js`文件  二、注释以下代码 ![image]( ......

在Java中，你可以使用Jedis库来将MySQL数据压入Redis。下面是一个示例代码，演示如何连接MySQL数据库、连接Redis数据库，并将MySQL数据导入Redis中。 首先，确保你已经添加了Jedis库的依赖。你可以在Maven项目的pom.xml文件中添加以下依赖项： ```xml r ......

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 ......

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

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

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 ......

 在Vue中使用v-for渲染列表时，默认使用就地更新策略。该策略默认是基于索引的，规定在列表绑定的数据元素顺序变化时，不会重新创建整个列表， ......

### 问题说明： #### 在SpringBoot开发时、SpringBoot的特性：‘约定大于配置’，我们只需要在**application.yml **配置当前的环境变量属与那个文件 #### 比如测试环境 ‘application-test.yml’, 我们需要手动指定application ......

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

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

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

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

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

#!/bin/bash packagename=$1 which yumdownloader || yum install -y yum-utils &>/dev/null ls /bak/pkg || mkdir -p /bakpkg yumdownloader --resolve --destd ......

原文链接：https://blog.csdn.net/sunyctf/article/details/127706967 官网解释： 前言： 相信很多人在用 Vue 使用别人的组件时，会在在main.js中用到 Vue.use(xx) 。例如：Vue.use(VueRouter)、Vue.use(M ......