表单validatefield动态vue
vue项目中使用vue-quill-editor富文本编辑器、支持大小和拖拉；以及 vue 引入quill - image - resize - module 插件报错
**在本内容的最后面附上了demo代码** **1. 实现的效果图**  **2. 首先需要先引入依赖** ......
vue学习第15天 CSS ---- 动画animation
动画 动画（animation）是CSS3中具有颠覆性特征之一，可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的优点（与过渡相比更好） 1、动画的基本使用（先定义后调用） 制作动画分为两步： 1）先定义动画 ......
vue学习第14天 移动Web开发 --- CSS3 2D转换 (transform) 移动、旋转、缩放
2D转换 转换 （transform）是CS53中具有颠覆性的特征之一，可I以实现元素的位移、旋转、缩放等效果，可以简单理解为变形 1）移动： translate 2）旋转：rotate 3）缩放：scale 1、二维坐标系（x右+，x左-）（y下+，y上-） 2D转换是改变标签在二维平面上的位置和 ......
iview在table内的动态表单必填校验
记录一个小问题，在table内的动态表单如何做必填校验 如图，内容栏中每行会有几个输入框是不确定的，会根据具体数据渲染，那这种动态的表单如何校验呢，直接上代码 <Form :model="formData" ref="dataForm" :rules="formRules" :label-width ......
【保姆级教程】Vue项目调试技巧
在Vue项目开发过程中，当遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要，debug是必备技能。
同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。
本文主要讲解针对Vue项目进行调试的 3 种方法：d... ......
[vue] Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
## 问题描述  ##解决方法 ``` npm i vue@3.2.26 ``` 重新运行即可 ``` npm r ......
京东微前端应用MicroApp，主应用vite-vue3，子应用vite-vue3+pinia
[micro-app 官方地址](https://zeroing.jd.com/) [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录，本人在使用中遇到的一些问题，供参考 1. 资源找不到 -> ......
前端Vue自定义询问弹框和输入弹框
前端Vue自定义询问弹框和输入弹框， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13119 效果图如下： 、动态模型选择(DMS)、ARIMA、TVP预测原油时间序列价格|附代码数据
全文链接：http://tecdat.cn/?p=22458 最近我们被客户要求撰写关于动态模型平均的研究报告，包括一些图形和统计输出。 本文提供了一个经济案例。着重于原油市场的例子。简要地提供了在经济学中使用模型平均和贝叶斯方法的论据，使用了动态模型平均法（DMA），并与ARIMA、TVP等方法进 ......
R语言改进的DCC-MGARCH：动态条件相关系数模型、BP检验分析股市数据
全文链接：http://tecdat.cn/?p=32818 原文出处：拓端数据部落公众号 股票市场波动性模型一直是金融领域研究的热点之一。传统的波动性模型往往只考虑了静态条件下的波动性和相关性，难以准确捕捉市场的复杂性和多样性。 因此，本文提出了一种基于R语言改进的DCC-MGARCH模型，帮助客 ......
vue el-input 输入框 限制小数点后 只能有三位小数
oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}" ......
vue中使用axios
##引入axios ###错误用法 在main.js中引入，需要注意的是，因为axios是第三方库，不是vue的插件，所以下面的这种写法不支持。 ``` import axios from 'axios'; Vue.use(axios) ``` ###正确用法 结合 vue-axios使用，vue- ......
vue通信-provide&inject
刚完成一个需求，父组件开启一个任务，开启后孙组件显示一个执行按钮，在孙组件中点击执行按钮，再到父组件中执行任务并隐藏按钮；可以使用props和emit实现，因为组件层级较多，所以考虑使用provide&inject实现父组件和孙组件的通信； 以下代码记录实现过程： 父组件：Parent.vue `` ......
用 SmartEdit 打开 SAP Commerce Cloud Storefront 时动态在 body 标签注入的 css class
当我们使用 SAP SmartEdit 打开 SAP Commerce Cloud Storefront 时，在商户网站中，还必须在body标签中作为CSS类名包含以下唯一标识符： - smartedit-page-uid-：指定指定目录和目录版本的唯一页面标识符。这是为了支持旧版实现而必需的。 - ......
记录--Vue3 封装 ECharts 通用组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述，内容都是一样的，主打一个随用随取，按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty ......
vue-element-template|实现登录，根据权限显示路由
文章目录 前言 一、安装vue-element-template基础模板？ 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......
Vue3中computed的用法
Vue3中computed的用法 computed又被称作计算属性，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。 一、computed简写形式 <template> < ......
vue3 + i18n
vue3 + i18n 安装： npm install vue-i18n yarn add vue-i18n main.js 如果在一个模块系统中使用它，你必须通过 Vue.use() 明确地安装 vue-i18n： import { createApp } from 'vue'import App ......
abp 动态切换连接字符串并执行sql
abp 动态切换连接字符串并执行sql 仓储层 1 // 创建 DbContextOptionsBuilder 实例 2 var optionsBuilder = new DbContextOptionsBuilder<MicroServiceDbContext>(); 3 4 // 设置连接字符串 ......
谈谈Vue3中的ref和reactive
谈谈Vue3中的ref和reactive ref和reactive是什么？ref和reactive是Vue3中用来实现数据响应式的API一般情况下，ref定义基本数据类型，reactive定义引用数据类型（我喜欢用它来定义对象，不用它定义数组，原因后面讲）我理解的ref本质上是reactive的再封 ......
vueup/vue-quill 的用法
<template> <div class="EmailDialog"> <div class="EmailDialog-main" :style="{ borderColor: isShow ? '#474edb' : '#f0f2fc' }" @click="openDialogHandle" ......
一种实现Spring动态数据源切换的方法
## 1 目标 不在现有查询代码逻辑上做任何改动，实现dao维度的数据源切换（即表维度） ## 2 使用场景 节约bdp的集群资源。接入新的宽表时，通常uat验证后就会停止集群释放资源，在对应的查询服务器uat环境时需要查询的是生产库的表数据（uat库表因为bdp实时任务停止，没有数据落入），只进行 ......
vite+vue3项目中使用 lottie 动画，如何在 template 中直接使用本地 json 文件路径
安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC ......