项目vue3 vue
vue中新的状态管理器-pinia
背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea ......
vue国际化在js中$t()报错
最近在做国际化的时候，发现在.vue里面写国际化语言没有报错，而且也可实现国际化，可是在js中引入$t()写法的时候，报错。 最后花了一个小时解决了，做一个笔记，以供后来学者遇到此类问题，仅供参考。 1，首先，我引入的国际化写法是在main.js中引入了，所以在.vue文件中引入国际化语言的写法，自 ......
ant design vue中form-model嵌入级联a-cascader中回显
前言 在form-model表单中写入a-cascader，现在开发编辑功能，需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value，从级联中拿取值用:model，把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
使用GithubAction自动构建部署项目
GitHub Actions 是一种持续集成和持续交付(CI/CD) 平台，可用于自动执行生成、测试和部署管道。 您可以创建工作流程来构建和测试存储库的每个拉取请求，或将合并的拉取请求部署到生产环境。 GitHub Actions 不仅仅是DevOps，还允许您在存储库中发生其他事件时运行工作流程。 ......
vue中el-select，el-radio-group设置默认值
首先来说设置默认值是用v-model去绑定一个值， 如下，一般大家用label是来展示具体展示在前端的文字，value是这组对象里每个对象的标识。 打个比方item.label是姓名，item.value是学号，学号不在前端展示。这样的话，v-model绑定的字符串对象写item.label的值。 ......
element+vue2下的input的样式修改
/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动： http-server ......
nuxt3 新建项目失败
传送门：https://blog.csdn.net/weixin_40973138/article/details/106081946 IP地址查看传送门：https://site.ip138.com/raw.githubusercontent.com/ ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)
报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......
【杂谈3】企业中项目管理常见的问题，PMO视角（欢迎大家追加，我将会借此梳理我的知识图谱，总结后输出）
【需求】 1：什么需求都紧急，什么需求都重要。 2：做之前评估很有意义，做完之后效果平平。 3：有些商业指标一直在说优化，投入很多资源。但没次等到上线就出问题，大型活动就降级。出问题就说是别人的问题（无解耦），有效果就是自己的提升。 4：总有需求在项目启动中后期要插入，大领导总认为大家在瞎忙活，他那 ......
vue3 中使用 transition的问题
问题：在路由中添加动画效果但是，当切换路由时，页面一片空白，这个问题困扰了我几天了，今天终于发现了它的问题，特来记录一下，以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果，于是便这样写 // 提示： name="fade-transform" fade-transform是css类 ......
Vue 中给图片添加时间水印
Vue 中给图片添加时间水印，可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下： 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串，并根据需要生成对应的日期时间图片（可以借助 Canvas API 来绘制） ......
vue3定义变量ref、reactive、toRefs的特征和应用
1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象，传入的为基本数据类型，例如字符串、数字、boolean 等,返回值是一个对象，这个对象上只包含一个 value 属性 ref定义的变量，改变值要.value,而且在template中不用写.value <div>{{ms ......
vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题
今天研究了一下vue生成二维码的功能，在使用vue-qr插件的时候，在所需页面引入，报错，于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件，搜...e,将...去掉，然后重新运行就好。 ......
手把手带你从0完成医疗行业影像图像检测三大经典模型InceptionV3-RestNet50-VGG16（附python源代码及数据库）——改变世界经典人工智能项目实战（一）手把手教学迁移学习
如果你想使用现在最火的ChatGPT来训练属于你的专属ChatGPT模型，那你千万不能错过这篇文章。迁移学习是机器学习领域中的一种重要方法，它通过利用先前的学习经验来提高当前任务的性能。本文通过3个经典的模型：InceptionV3-RestNet50-VGG16作为示例，为大家从0开始搭建了医疗影... ......
从 1000+ 参赛项目突围，涛思数据荣获 ITEC 2022 全球创业赛成长组二等奖
3 月 25 日，第十届朝阳国际人才创业大会（ITEC）创新峰会在京举办。本届大会由朝阳海外人才创业大会（OTEC）全新升级为朝阳国际人才创业大会（ITEC），服务范围从海外人才拓展至国际人才，功能从支持项目落地提升至打造全要素创新创业生态。其中，全球创业赛作为本届大会的重头戏，共设置了成长组、初创 ......
vue 实现下拉滑动触底加载
实现下拉滑动触底加载可以分为以下几个步骤： 监听滚动事件，判断是否到达底部。 到达底部后，发起数据请求，获取数据。 将获取到的数据添加到页面上。 下面是一个基于Vue.js的示例代码： <template> <div class="container" ref="container" @scroll ......
vue-router学习笔记
入门 router-link // Go to Home router-view //router-view 将显示与 url 对应的组件。 ##动态路由匹配 带参数的动态路由匹配（$route.params） const User = { template: '<div>User</div>', ......
IntelliJ IDEA编译项目报错 "xxx包不存在" 或 "找不到符号" 问题
IntelliJ IDEA编译项目报错 "xxx包不存在" 或 "找不到符号" 1.maven设置 首先查看maven设置，不要使用默认的maven版本：3.8.5 2.Maven-Reimport 3.UTF-8 编码选择设置为UTF-8，不要使用默认配置： 4.Invalidate Caches ......
vue项目手动上传文件并展示进度条
问题： 1.上传文件可能会跨域，查找跨域解决办法。（查找资料表明用手动上传，new FormData()方式可以解决，先用这个试一试） 2.手动上传没有进度条，查找进度条实现方式。（自定义axios,添加请求参数onUploadProgress） 3.进度条的进度和上传的对勾显示时机不一致。（解决办 ......
vue全家桶进阶之路24：Mock
Mock 是一个 JavaScript 库，用于生成随机数据或模拟 HTTP 请求响应，用于前端开发中的单元测试、功能测试、集成测试等场景。 Mock 可以生成各种类型的数据，包括字符串、数字、布尔值、对象、数组等等，并支持多种数据格式，例如 JSON、XML、YAML 等。Mock 还支持自定义数 ......
Vue.js 路由的params参数
视频 6.路由的params参数 配置路由，声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
Vue.js 命名路由
视频 5.命名路由 作用：可以简化路由的跳转。 如何使用 给路由命名： { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
Vue.js 路由的query参数
视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数，to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数，to的对象写法 ......
《Python编程快速上手—让繁琐工作自动化》实践项目答案：第三章
Collatz 序列 1、题目： 编写一个名为 collatz()的函数，它有一个名为 number 的参数。如果参数是偶数，那么 collatz()就打印出 number // 2， 并返回该值。如果 number 是奇数， collatz()就打印并返回 3 * number + 1。然后编写一 ......
Vue2使用setup、ref、reactive等Vue3的组合式api
有些同学想在当前项目中体验Vue3组合式api，setup、ref、reactive等，而且一步就可以升级到Vue3，但是vue确实2.x版本，不改变当前版本怎么办呢？ vue2.7.0开始自带composition-api可以放心体验，当然不支持 <script setup>语法糖，还需要retu ......
《Python编程快速上手—让繁琐工作自动化》实践项目答案：第四章
1.逗号代码： 有这样的列表：spam = ['apples','bananas','tofu','cats'] 编写一个函数，它以一个列表值作为参数，返回一个字符串。该字符串包含所有表项，表项之间以逗号和空格分隔，并在最后一个表项之前插入 and。例如，将前面的 spam 列表传递给函数，将返回' ......
在vue3中读取本地txt文件
碰到运营提出需求，提供了一个.txt文件，要求输入框校验文件提供的敏感词汇，故以此记录： 上传文件： <input @change="uploadFile" type="file"> 操作函数： const fileContent = ref(''); const uploadFile = asyn ......