项目vue3 vue
Vue 中 slot 的使用方式，以及 slot 作用域插槽的作用 ？
使用方式 组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope ......
软件测试/人工智能|利用ChatGPT进行项目需求分析
简介 在我们的开发和测试工作中，需求分析是必不可少的一个步骤，很多时候，我们可以拿到产品的PRD文档或者产品架构图原型图进行分析，为产品的功能实现保驾护航，为后续的优化提供建议。在需求分析的时候，我们也可以借助ChatGPT来帮我们进行需求分析，本文就来给大家介绍一下如何使用ChatGPT来进行需求 ......
一键整合,万用万灵,Python3.10项目嵌入式一键整合包的制作(Embed)
我们知道Python是一门解释型语言，项目运行时需要依赖Python解释器，并且有时候需要安装项目中对应的三方依赖库。对于专业的Python开发者来说，可以直接通过pip命令进行安装即可。但是如果是分发给其他的Windows用户，特别是不熟悉Python的人来说，这样过于繁琐。因此最好的办法是连同P... ......
window获取项目目录结构
window自带的tree命令有点问题，试了很多次都不能忽略node_modeules文件夹 所以使用 tree-cli 来获取项目目录结构 第一步： npm i tree-cli -g 第二步： 在cmd命令窗口进入到项目根目录，执行命令： treee -l 5, -o out.txt --ign ......
vue项目index.html文件获取代理地址方法（ajax在html文件请求接口）
获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
vue2 前后端分离的项目，用宝塔部署，出现域名访问根目录能访问，加任何网址就404
https://admin.xxx.com/ 访问正常 https://admin.xxx.com/index 访问404 location / { root /home/ruoyi/projects/ruoyi-ui; try_files $uri $uri/ /index.html; index ......
vue2和vue3ref的区别（详解）
Vue 2和Vue 3中ref的区别如下： 在Vue 2中，ref主要用于在模板中获取DOM元素或组件实例。而在Vue 3中，虽然ref也可以获取DOM元素或组件实例，但更重要的是，它还可以将一个基本类型的变量转换成响应式的数据，无需再通过复杂的步骤来访问响应式数据。另外，Vue 3的ref还支持对 ......
如何用gcc+makefile改造STM32Keil项目
1、环境配置，本地需要安装gcc+make环境，将w64devkit中的bin路径放入环境变量D:\download\storage\arm_gcc\w64devkit 然后再cmd中输入gcc -v和make -v测试gcc和make环境是否可以正常运行，如果有下面这种显示就说明gcc和make环 ......
vue获取el-table当中选中行的各列数据
首先在标签中声明 @selection-change="handleSelectionChange" 之后在script中的methods当中编写该方法 console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList ......
vue3.0+antdVue2.0结合插槽slots的使用方式
首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', ......
vue表单数据添加到表格当中出现的问题
表单样式如下 填写完表单之后点击确认新增按钮，表格会自动新增一行数据对应刚刚表单当中填写的数据。 this.tableData.push(this.formData); 这行js代码可以实现将表单数据添加到表格当中。 但由于我在点击按钮的动作当中添加了 this.$refs[formName].re ......
Vue脚手架分析
1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
从头开始一个vtk.js项目
从头开始一个vtk.js项目 初始化项目 mkdir my-vtkjs-app cd my-vtkjs-app npm init 安装 @kitware/vtk.js 依赖 npm install @kitware/vtk.js 对于这个例子，我们将使用webpack来构建我们的应用程序。 npm ......
盘点10个.NetCore实用的开源框架项目
连续分享.Net开源项目快3个月了，今天我们一起梳理下10个，比较受到大家欢迎的.NetCore开源框架项目。 更多开源项目，可以查看我创建的，.Net开源项目榜单！ 一个专注收集.Net开源项目的榜单github.com/bianchenglequ/netcodetop 1、FytSoaCms ......
go项目引用本地包
如果服务器不能连接外网，只能通过调用本地包来调用 module goProject go 1.20 require ( github.com/stretchr/testify v1.8.1 // indirect golang.org/x/sys v0.0.0-20220715151400-c0bb ......
【项目设计开发各阶段及对应输出文档】
项目设计阶段： 1、可行性阶段 2、策划阶段 3、设计开发阶段 4、设计验证和确认阶段 5、设计转生产阶段 6、量产阶段 软件开发流程： 1、开发目的分析和确定 2、需求分析 3、产品设计 4、编程开发 5、软件测试 6、产品发布 7、产品验收和维护 软件测试阶段： 1、单元测试（白盒测试） 2、集 ......
去除：Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......
直播平台搭建，vue中实现图片懒加载的几种方法
直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
Tita 升级预告｜「项目管理」即将升级
升级概览 Tita - OKR和新绩效一体化管理平台 1. 全新的菜单入口，保持整站统一性 项目管理在保留自身功能的基础上，菜单调整为：我的项目、最近查看、下属项目、按标签查看、公开的项目、公司全部项目、项目管理规定，分类更加清晰，更快速找到想要的项目 2. 升级原有的界面展示，新增表格展示 原有的 ......
vue-cookie的原理与使用
cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......
2023-11-16 Your project path contains non-ASCII characters. ==>在项目根目录下的gradle.properties添加代码android.overridePathCheck=true即可
在as工具运行android项目报错：Caused by: org.gradle.api.tasks.StopExecutionException: Your project path contains non-ASCII characters. This will most likely caus ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......