VUE项目启动,报错This dependency was not found 遇到的坑与解决办法

  • Post author:
  • Post category:vue

我们的项目是合作共同开发,需要合并更新自己的代码 今天在合并test分支上的最新代码,npm run 后遇到的问题如下 第一种问题 这个报错呢就是提示在./src/router/index.js 文件中找不到 @/views/FinancialRecords/index.vue 这个文件 系统把它当作了一个依赖让 npm install --save 我的这个报错解决方法是如下图: 原因是我合并的…

继续阅读 VUE项目启动,报错This dependency was not found 遇到的坑与解决办法

在vue中,localStorage本地存储应用。

  • Post author:
  • Post category:vue

1、先存在localStorage里面。 localStorage. setItem ('indexUrl','#/IndexA'); 2、在用到的时候,获取数据 //获取本地 this.indexUrl = localStorage. getItem ('indexUrl'); 版权声明:本文为weixin_39845746原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链…

继续阅读 在vue中,localStorage本地存储应用。

【vue】npm run dev报错解决方法

  • Post author:
  • Post category:vue

报错: C:\Users\Administrator\Desktop\todomvc-vue>npm star dev npm ERR! code E403 npm ERR! 403 403 Forbidden - PUT https://registry.npm.taobao.org/dev - [no_perms] Private mode enable, only admin can …

继续阅读 【vue】npm run dev报错解决方法

基于Yolov5的Vue前端目标检测和训练可视化系统

  • Post author:
  • Post category:vue

一、物体识别(检测) 1. 选择权重 说明: yolov5s.pt、yolov5m.pt、yolov5l.pt、yolov5x.pt 为自带的预训练权重,可识别一般普通物体如:人、猫、狗、车等 可以选择自训练权重对专一物体进行识别检测 2. 上传识别 二、物体训练 1. 图片标注 1.1 新建数据集 注意:尽量不使用中文! 1.2 上传图片 注意:图片名称不能出现中文! 1.3 选择标注数据集 1…

继续阅读 基于Yolov5的Vue前端目标检测和训练可视化系统

Vue获取子组件实例对象 ref 属性

  • Post author:
  • Post category:vue

在 Vue 中推荐使用 ref 属性获取 DOM 元素,这种方式可以提高性能。 如果将 ref 属性使用在组件上,那么返回的就是这个组件的实例对象。 使用方式:`<p ref="xxx">` 或 `<Banner ref="xxx">` 。 获取方式:this.$refs.xxx 1.原生 JS 获取 DOM 元素 【不推荐】: <template> <d…

继续阅读 Vue获取子组件实例对象 ref 属性

Vue的全局组件/加载/Loading/请求转圈圈组件

  • Post author:
  • Post category:vue

Vue每次请求都要出现加载图案,这样的需求需要设置一个全局的组件,然后每次请求和请求结束都要调用这个组件的开关。这样就可以实现展示给用户看系统在请求后台的需求。 首先: 1.制作一个全局的加载组件,Loading.vue 摆放的路径请随意,以下提供两个加载,一个是用图片加载的,一个是利用vant 的ui遮罩层和Loading样式制作的。 1.1 vant ui的 <template> …

继续阅读 Vue的全局组件/加载/Loading/请求转圈圈组件

问题:在vue中处理后台返回的图片流,并将图片流显示在页面中,如何解决?

  • Post author:
  • Post category:vue

遇到的问题: 在vue项目中请求axios接口,后端返回的图片是 二进制流数据 ,如果直接在img标签下的src中使用是没有用的。怎么样将图片流显示在页面中呢? 解决方法: (一)、 response-type为blob类型 a. 把 response-type 改为 blob类型 b. 在请求后端接口返回 data 时,调用window的URL方法。 //完整代码 <img :src="i…

继续阅读 问题:在vue中处理后台返回的图片流,并将图片流显示在页面中,如何解决?

VUE锚点跳转增加滑动效果

  • Post author:
  • Post category:vue

首先我通过直接的锚点跳转是实现不了滑动效果 所以首先实现锚点的跳转效果 先给点击的地方 设置一个点击事件 <a @click="handleHref()">跳转</a> 然后是被跳转的地方添加 class="industry" <a-row class="industry">要跳转到这里</a-row> 接下来就是点击事件 通过offsetTop获取…

继续阅读 VUE锚点跳转增加滑动效果

vue 表单验证并提交

  • Post author:
  • Post category:vue

vue 表单验证并提交 一、常用验证方式 1.data 中验证 data 数据: 2.行内验证 3.引入外部定义的规则 二、表单提交时验证 1.表单的提交按钮 2.ethods 方法 一、常用验证方式 vue 中表单字段验证的写法和方式有多种,常用的验证方式有3种: 1.data 中验证 表单内容: <!-- 表单 --> <el-form ref="rulesForm" :ru…

继续阅读 vue 表单验证并提交

vue中使用Base64转码

  • Post author:
  • Post category:vue

在vue项目中,后台有时会不识别前端发送的特殊字符,可使用Base64转码,现将自己使用的一种方法记录,以供参考 1、安装依赖 npm install --save js-base64 2、在main.js引用 const Base64 = require('js-base64').Base64 new Vue({ el: '#app', Base64 }) 3、在需要转码的文件中使用 const…

继续阅读 vue中使用Base64转码