大小 模板vue
vue3 父子组件通信 setup
父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
c#Winform窗体实际运行大小与size属性设置不一致问题解决
private void Form1_Load(object sender, EventArgs e) { Rectangle ScreenArea = System.Windows.Forms.Screen.GetWorkingArea(this);//GetWorkingArea()检索显示器的 ......
Vue3组件通信方式
Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......
VUE3+vite+arco design 项目初始化
意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......
Vue3搭建后台管理系统模板
搭建后台管理系统模板 2.1项目初始化 今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使 ......
BootstrapBlazor组件库，项目模板css样式隔离问题
BootstrapBlazor组件库，项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候，遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
vue 解决报错
目录vue 解决报错ERROR Error: EBUSY: resource busy or locked, rmdir....errnoarco-init 项目初始化失败！Error: spawnSync pnpm.cmd ENOENT vue 解决报错 ERROR Error: EBUSY: r ......
Vue 搭配 Spring MVC 创建一个 web 项目
Vue 搭配 Spring MVC 创建一个 web 项目 想要写一个登录的web应用程序。页面使用Vue，后端使用Spring MVC，最终打成war包，放在tomcat下启动。 1.创建Spring MVC项目，命名loginbackend，配置成web项目。 创建好web项目后，在src/ma ......
vue学习问题解决
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为 ......
解析Vue项目
解析Vue项目 1、浏览器中访问某个地址，会显示某个页面的组件 根组件：App.vue 2、配置路由 router 》index.js 》const routes = [ { path: '/lqz', name: 'lqz', component: Lqz # 组件，需要导入 }, ] 3、写组件 ......
解析vue项目、
解析一下vue项目 1 为什么浏览器中访问某个地址，会显示某个页面组件 //-根组件：App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> //-1 配置路由 router 》inde ......
Vue执行和开发流程、登录小案例、混入、插件、elementui
一、Vue执行流程 1、vue的执行流程 # 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 rou ......
每日一题：vue3自定义指令大全（呕心沥血所作，附可运行项目源码）
1.VUE常用指令大全 本项目所有指令均为全局注册，使用时直接在组件中使用即可。 指令目录：src/directives 页面目录：src/views 具体可查看源码 1.1 权限指令 封装一个权限指令，在模板中根据用户权限来控制元素的显示或隐藏。 permission.js import { re ......
16-Vue数据监视
我们先探讨一个数据更新时的问题，假设在以下人员列表中，改变"马冬梅"的信息，可以通过什么方法 1）第一种方法（奏效） 数据更新时，方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" ......
vue-day06
解析一下vue项目 为什么在浏览器中访问某个地址，会显示某个页面组件 1.根组件：App.vue必须是以下代码，里面使用router-view <template> <div id="app"> <router-view></router-view> </div> </template> 2.配置路 ......
vue中使用canvas压缩base64图片
参考自https://blog.csdn.net/weixin_42752574/article/details/126061352 后端返回图片的原始base64字符串，通过:style传到scss中显示，但有时候base64过长，可能会有5MB或者2MB这样的大小，那scss文件就接收不到这个变 ......
前端vue项目部署中，用户还在访问系统，存在缓存问题，部署后需要ctrlF5强制刷新，解决热更新的几种方案
问题描述： 问题是这样的，在部署的时候，用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存；如果在部署的时候或者部署之前，用户并没有打开系统页面，部署完成后，才访问操风系统，不会存在缓存的。我刚才测试了一下。要想解决，部署之前或在部署中，用户还再使用的情况下，前端得写定时获 ......
node安装以及vue安装
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有： 1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使 ......
js时间比较大小
千万注意 必须new Date("2023-06-16 00:00:00") 不能new Date("2023-06-16")，因为 new Date("2023-06-16").getTime()== new Date("2023-06-16 08:00:00").getTime() 这个和时区有 ......
vue项目的解析、登录小案例
vue的执行流程 1. 为什么浏览器中访问某个地址，会显示某个页面组件 vue-router第三方插件支持的： 访问：/（根路径） 》显示HomeView.vue 访问：/about 》显示AboutView.vue 根组件：App.vue App.vue中的template中的div会被替换到in ......
docker-dockerfile-docker镜像制作-基于本地模板创建镜像
1.基于本地模板创建 基于本地模板创建Docker镜像的步骤可以归纳如下： 下载所需模板：首先，你需要在网络上找到你需要的Docker模板，并下载到本地。你可以从Docker Hub或者其他的镜像仓库中获取到所需的模板。 解压下载的模板：可以使用类似于7-Zip这样的工具来解压下载的模板文件。 导入 ......
vue3 | defineExpose的使用
简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例，不会暴露在任何在<script setup>中声明的绑定 换句话说，如果一个子组件使用的是选项式 API 或没有使用 <script setup>，被引用的组件实例和该子组件的 ......
vue通过 v-for循环出来的数组给元素 加不同的颜色
直接上代码： 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
springboot 使用 EasyExcel 通过模板导出EXCEL 带多个动态列表
1.模板定义如下： 导出效果如下 源码如下： @GetMapping(value = "/exportDynamicExcel") @ApiOperation(value = "导出动态表格") public void exportDynamicExcel(HttpServletResponse r ......
Oracle查询表占用空间大小
1\ https://blog.csdn.net/zh_1721342390/article/details/130942912 一、Oracle查询表空间占用情况Oracle是一种经典的关系型数据库管理系统，对于表占用空间大小的查询是数据库管理中的基本操作。查询表空间占用情况可以通过以下代码实现： ......
IEEE 会议模板中 表格的格式 一直修改不对
表格一直是上面这种形式，是因为在document之前导包出现错误，不可以使用subcaption 和subfig宏包，应该使用subfigure宏包 表格插入代码 \begin{table*}[htbp] \centering \caption{Time Delay } \label{tab:abn ......
CentOS环境 nginx配置vue项目
ps: 这里使用ruoyi-vue-plus项目举例，官网：https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/'，然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
nodejs+vue+element-ui安装
1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后，使用vue会报错： ‘vue‘ 不是内部或外部命令，也不是可运行的程序 解决办法： https://developer.al ......