vue-element-ui日期element vue
vue2子组件切换，监听方法失效（监听多个字段）
记录下问题 本来是在父页面上放了多个子组件，利用单选按钮控制每个组件，选择了某个按钮，设置该组件控制字段为true,例如v-if="component"来控制销毁创建，根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时，监听不生效，监听方法也加了immedi ......
vue中＜script setup＞中使用watch、computed、props等方法
` // 通过props传过来的是一个静态值，如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
vue this.$set的作用
在Vue.js中，`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化，从而实现数据的响应式。然而，当您添加一个新的属性时，Vue无法自动追踪该属性的变化。这就是`this.$set` ......
vue 性能优化
组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT
**1、项目介绍** 考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析，将系统权限按管理员和用户这两类涉及用户划分。 （1）系统功能需求 登录系统后，主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示。  ``` 2、日期格式化 ```sql # 年-月-日 时:分:秒 SELECT DATE_FORMAT(now(),'%Y-%m-%d %H:%i:%s') ``` **具体格式参考下面：* ......
element-plus 组件样式修改
### el-form-item 间距 ```css .el-form-item { margin-bottom: 3px; } ``` ### Elmessage 消息换行 ```css /* 失败消息 */ .el-message--error { white-space: pre-line } ......
vue3.0组件封装
**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
vue项目国际化
#### 1、安装i18n ``` npm install vue-i18n -S 安装版本 8.26.5, 9.2.2亲测项目报错 ``` #### 2、main.js ```js // 引入 lang/index.js import i18n from './lang/index.js' // ......
ele+vue简单操作
绑定值和字符串拼接： 1、:title="`字符串${xx}`" 2、:title="'字符串' + xx" 3.异步回调 setTimeReflush: function () { var _this = this; return new Promise(function (resolve, re ......
vue中使用scss公共变量的方法 :export
vue中使用scss公共变量的方法 :export :https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant ......
Cesium结合GIS天地图 加载倾斜摄影3dtile + vue3
## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多，可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图，可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
Vue项目初次加载cesium | 配置
1. 首先配置`CESIUM_BASE_URL`全局变量 ``` window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; ``` 2. 把`node_modules\cesium\Build\Cesium`这个文件夹复制到`pub ......
vue安装与初始化
# vue npm 使用 验证 安装 ## 安装vue ```bash npm install --global vue-cli ``` ## vue版本 ```bash vue -V ``` ## 其他版本 ```bash node -v npm -v ``` ## 查询当前镜像地址 ```bas ......
vue项目加载会出现花括号{{}}的解决方法
使用v-cloak指令这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。 <div v-cloak> {{ message }} </div> [v-cloa ......
Vue2 到 Vue3 升级插件gogocode-plugin-vue
配合gogocode-cli使用 开始迁移 Vue3的到来为我们带来了许多惊喜的变化,但是由于Vue3对于Vue2在Api层面存在诸多兼容问题，并不能做到平滑升级。所以我们根据v3迁移指南利用gogocode这个代码转换利器，利用它操作AST，开发了一套Vue2升级工具。利用这套工具能够快速地把你 ......
Vue计算器实例练习
#### 计算器实例 1. 常用的加减乘除，点击`=`显示计算结果 2. **X2、1/x** ：输入任意的数字，点击 **X2、1/x** 计算出结果 3. 点击`C`清空当前内容 4. 点击`✖`删除末尾的字符 5. 点击结果栏，可以直接输入运算表达式  { //a为年 b为月 c为日 /* date1是当前日期 date2是当年第一天 d是当前日期是今年第多 ......
element table
::v-deep .el-table__fixed-right { height: 100% !important; //设置高优先，以覆盖内联样式 } ::v-deep .el-table__fixed { height: 100% !important; //设置高优先，以覆盖内联样式 } ......
获取下一个月日期
public static final String getNextMonth(String queryMonth) throws ParseException { SimpleDateFormat format = new SimpleDateFormat("yyyy-MM"); Calendar ......
vue 项目大屏端适配方法
## 1.适配方式 `适配方案采用rem布局， 根据屏幕分辨率大小不同，调整根元素html的font-size， 从而达到每个元素宽高自动变化，适配不同屏幕` ## 2.使用 postcss-px2rem-exclude 插件 安装 `npm install postcss-px2rem-exclu ......
EasyPlayer.js播放器用vue3.0集成出现报错是什么原因？
为了满足用户的多样化需求，我们也基于EasyPlayer推出了多种版本，包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等。EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点，已经成熟运用于多个项目场景当中，其中包括手机直播、电脑桌面直播... ......
vue demo
要使用此模板，请使用 vue-cli搭建项目。建议使用npm 3+以获得更有效的依赖关系树。 $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev ......
修改数据表的日期，报错——ORA-14402:更新分区关键字列将导致分区的更改。
分区字段是不允许进行update操作的，如果有对分区字段行进update，就会报错——ORA-14402:更新分区关键字列将导致分区的更改。 可以通过打开表的row movement属性来允许对分区字段的update操作。 语句如下： alter table 数据表 enable row movem ......
基于JAVA的springboot+vue“智慧食堂”设计与实现，食堂管理系统，附源码+数据库+lw文档+PPT基于JAVA的springboot+vue“智慧食堂”设计与实现，食堂管理系统，附源码+数据库+lw文档+PPT
**1、项目介绍** 本系统的用户可分为用户模块和管理员模块两大界面组成。一个界面用于管理员登录，管理员可以管理系统内所有功能，主要有首页，个人中心，用户管理，菜品分类管理，菜品信息管理，留言板管理，系统管理，订单管理等功能；另一界面用于用户登录，用户进入系统可以实现首页，菜品信息，留言板，个人中心 ......
【element-plus】Table表格横向滚动条显示不正确解决办法
## 滚动条bug展示如下：  ## 造成bug原因排查： 由于对`Table`表格进行了二次封装，传递 ......
一个基础的vue图片放大镜自定义指令
<template> <div> <div v-magnify ref="content" class="content"> <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt= ......
java基于joda-date实现获取两个时间段对应类型的所有时间，比如说两年之间的所有日期，两年之间的所有月份
/** * 获取两个时间段对应类型的所有时间 * * @param type 日期类型，包含day、month、year * @param beginTime 开始时间 * @param endTime 结束时间 * @return */ public static List<String> get ......
VUE入门
什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。 它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、 组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 ......