Vue入门指南第17页

Vue3+Vite 导航与内容div都填了背景，打包的时候，发现直接报错(Rollup failed to resolve import “resource/img/xx.jpg“)的解决

1、先上个打包时报错的图：2、上个一开始的代码：-->上面的代码，在测试的时候，一切都正常的，但是在打包的时候，直接通不过。3、我们来通过定义import解决这个问题：constwordImg=ref('resource/img/word.jpg');说明：也就是我们用ref来包裹一下就可以了，当然这个里的src记住前面加一个：冒号。4、然后我们发现style中的图片打包时，没有报错，但是上传完成

花花鱼·2024-08-30 21:36

前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）

这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流

北城笑笑·2024-08-30 20:34

vue实现组件拖拽

效果预览QQ录屏20231016140810组件drag.vueexportdefault{name:"Draggable",props:{list:{type:Array,default:()=>[]

ズ少年瘾·2024-08-30 20:04

跟着大佬搬砖--- vue 组件拖拽缩放

vue-drag-resize地址vue-draggable-resizable-gorkys地址案例案例学习汇总特有参考价值的GridLayout在线地址官网地址参考案例

Webgiserin·2024-08-30 20:02

原生html+js播放flv直播视频流【vue等皆可用】

一、前言最近着手了一个新需求：将某记录仪的实时视频在页面展现。实现步骤：通过WebRtc将直播视频转码为flv/rtsp格式流；通过Vlc或代码中的视频播放器播放视频。常见播放flv直播视频流软件如：VLC、PotPlayer等，好用但无法嵌入代码。在此介绍一种使用原生html+js即可实现直播视频流播放的方式，内网外网皆可用。二、实现引入Bilibili开源Flash视频（FLV）播放器方式一：

Odinpeng·2024-08-30 20:32

前端vue播放m3u8、flv、mp4视频的方法_vue mp4(1)

//this.db.src([//{//src:“https://e-sign.dms.t.cn-np.com/files/m3u8_file/c4b94118-3c8d-4410-9987-985c2b44c278/c4b94118-3c8d-4410-9987-985c2b44c278.m3u8”,//地址//type:“application/x-mpegURL”,//告诉videojs,这

2401_84437982·2024-08-30 20:01

Vue中props设置默认值

vue中props设置默认值-父组件给子组件传值的写法——简略、带类型、带类型和默认值、带校验1、父子间传值父传子在子组件使用props选项接收父组件的数据.2.

Bunury·2024-08-30 20:30

SpringBoot3+Vue3集成AOP系统日志

建表logsCREATETABLE`logs`(`id`int(11)NOTNULLAUTO_INCREMENT,`operation`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作名称',`type`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作类型',`i

胖头鱼丁·2024-08-30 18:23

nginx部署前端vue项目完整详细讲解

前言：在使用Nginx部署前端Vue项目时，确保项目的生产环境版本已经打包，并且Nginx已经安装并配置在服务器上。以下是详细的步骤，包括打包Vue项目、配置Nginx、部署和测试项目。

程序员小羊！·2024-08-30 17:40

基于SpringBoot的流浪猫狗救援网站

超级无敌暴龙战士塔塔开·2024-08-30 15:29

package.json中对peerDependencies的理解

peerDependencies只要是用来限制依赖的，最近在开发的时候有遇到这样的问题，所以研究了一下"peerDependencies":{"@vue/composition-api":"^1.0.5

陌上烟雨寒·2024-08-30 14:51

vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用

/components/UserForm.vue';importTableListfrom'./components/TableList.vue';importBarChartfrom'.

陌上烟雨寒·2024-08-30 14:51

vue中printjs使用指南

使用攻略参考文档https://printjs.crabbly.com/分页使用css的page-break-after:always来控制在某个DIV之后新开一个页面我是封面我是目录，你不知道我的内容有多长我是正文，我需要从一个新页面开始展示标题栏每页重复打印因为打印时，表格中的thead和tfoot默认会在每一页重复打印，所以只要设置好表格结构就行。html打印{{modelRef.hospi

陌上烟雨寒·2024-08-30 14:21

Vue.js之绑定style样式

上文介绍了如何利用Vue.js绑定类，本文将介绍通过Vue.js进行样式修改的另一种方法，即通过style来修改。

cloudOnSkyline·2024-08-30 14:51

vue.js样式绑定

Vue.jsv-bind在处理class和style是，专门增强了它。表达式的结果练习除了字符串之外，还可以是对象或数组。

余月初贰·2024-08-30 14:48

Vue.js项目构建

Vue.js是一个流行的JavaScript框架，用于构建用户界面。下面是使用Vue.js构建项目的详细方法：安装Vue.js：首先，你需要在项目中安装Vue.js。

彭于晏“·2024-08-30 13:46

是什么让尤大选择放弃Webpack？面向未来的前端构建工具 Vite

PS：最近的vite比较火，而且发布了2.0版本，vue的作者尤雨溪

码民的飘柔·2024-08-30 12:42

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的

F-125·2024-08-30 12:41

react 样式和vue样式的区别

vue:通常分为.vue+css文件区别二：react在写页面样式时，最好其余的样式最好包裹在当前样式下面，不然容易生成全局样式，对其它页面的样式造成影响。

资深前端之路·2024-08-30 12:11

Vue学习笔记-组件通信

最近公司需要开发酒店客房管理的OTA系统，我们使用vue.js2.0+ElementUI开发时，就遇到了问题:一个页面有很多表单,我试图将表单写成一个单文件组件,但是表单(子组件)里的数据和页面(父组件

赵客缦胡缨v吴钩霜雪明·2024-08-30 12:40

Vue3 + Axios双Token刷新解决方案

本文将介绍如何在Vue3项目中使用Axios实现双Token刷新机制，确保用户体验流畅的同时提高安全性。

洛*璃·2024-08-30 12:10

echarts实现中国地图轮播省份地图（vue）

代码如下：import*asechartsfrom'echarts'importchinafrom'../../../assets/json/china.json'exportdefault{data(){return{myChart:null,myTime:'',}},mounted(){window.exposedGoPath=(data)=>{this.$router.push({name:

煮豆燃豆萁~·2024-08-30 12:10

vue 使用el-table 设置了show-overflow-tooltip属性，路由跳转后，气泡不消失的解决办法

文章目录一、问题场景二、解决方法1.问题bug2.最终解决总结一、问题场景在vue项目里使用el-table做一个列表页面，表格设置了show-overflow-tooltip属性，文字过长时鼠标滑过会展示气泡显示全部文字内容

前端小白记录·2024-08-30 12:09

webpack4手动搭建Vue项目

，达到运行程序的目的3.无论什么东西都转成js，然后插入到一个空空的html文件中运行4.webpack就是个管理者，管理着一堆loader，一堆loader的作用就是把自己负责的东西弄成js手动搭建Vue

YUELEI118·2024-08-30 12:37

关于在vue2中给el-table加边框的写法

分三个位置分别给el-table添加边框线样式

又写了一天BUG·2024-08-30 12:36

使用npm配置vue项目历程

1、使用npm配置vue项目历程1.1、npm安装项目环境很慢配置国内淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org指定国内镜像仓下载软件

hzw0510·2024-08-30 12:04

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?

爱学英语的程序媛·2024-08-30 12:04

关于vue2运行时filemanager-webpack-plugin报错isFile is undefind

当我们在运行时报此错误时，在vue.config.js里找一下filemanager-webpack-plugin的配置路径。

又写了一天BUG·2024-08-30 12:34

Vue3_指令(内置和自定义)

目录一、内置指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-once14.v-memo（3.2+）15.v-cloak二、自定义指令1.规则2.钩子一、内置指令1.v-text更新元素的文本内容。{{msg}}2.v-html更新元素的in

开心小老虎·2024-08-30 12:04

vue.js-指令

Vue.js指令表达式的值除了可以出现内容中，也可以使用在其它位置，比如：属性。

mengyang.·2024-08-30 11:03

Vue(一) 插值与指令语法、数据代理、MVVM模式、事件处理

文章目录1.初始Vue2.模板语法2.1插值语法2.2指令语法3.el与data的两种写法3.1el的两种写法3.2data的两种写法4.MVVM模式5.数据代理5.1Object.defineProperty

爱喝水的小鼠·2024-08-30 11:02

vue 调用移动录像_vue H5项目调用手机摄像头录像并上传

上传文件input.file{position:relative;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2;}.wrapper{color:#fff;background-color:#31b0d5;border-color:#269abc;margin-top:5px;margin-bottom:5px;display:

weixin_39791446·2024-08-30 10:58

vue3+ts 引入 json-editor-vue3 报错

v=00499bcc'doesnotprovideanexportnamed'default'(atjson-editor.vue:2:8)尝试解决、1.import'jsoneditor'importJsonEditorVuefro

Red_Xx·2024-08-30 10:24

使用vue如何调用手机摄像头进行拍摄和录像

首先我们需要注意如果要调用手机镜头必须要开启https请求，如果没有可以在当前服务器面板去申请ssl证书，这样的话我们就能调起手机摄像头了，废话也不多说了直接上demo,demo还有些不完善的东西，还请路过的各位大佬指教一下啦import{showToast,showSuccessToast,showFailToast,showLoadingToast,Overlay,Popup,Circle}f

那维莱特·2024-08-30 10:52

SpringBoot+Vue疫苗接种管理系统预约接种疫苗管理系统疫苗接种查询系统Java

：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端：Vue

计算机程序老哥·2024-08-30 08:49

uniapp微信小程序报错Component is not found in path

正确：components/组件文件夹/组件.vue错误：components/组件文件夹/组件文件夹/组件.vue3.不清楚原因，这样改就不会报错，人嘛了

陈不知代码·2024-08-30 08:09

自定义全局变量在uniapp的Vuex应用

本文介绍了uniapp使用自定义全局变量的方法。当同一业务在连续页面操作时，存在部分筛选变量需要始终保持一致，比如时间筛选条件等，来回跳转页面时如果采用变量传递，常较为繁琐，存在遗漏传递或未清除上一次变量值，造成错误。本文介绍了通过store本地缓存机制，实现全局变量的方法。一、自定义全局变量设置文件businessGlobeVariable.js@/store/modules/businessG

星月梦瑾·2024-08-30 07:38

Vue3初识

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive

冲锋敢死曾小贤·2024-08-30 07:00

Module not found: Error: Can‘t resolve ‘sass-loader‘ in...

main.jsModulenotfound:Error:Can'tresolve'sass-loader'in'E:\study_software\JetBrains\WebStorm2021\WebstormProjects\vue-element-admin-master'npminstallsass-loader

Coisini_甜柚か·2024-08-30 04:50

终端输入vue ui没反应---使用vue ui出现的四个问题

vue创建项目方法：快速通道问题1：终端使用vueui无反应，而且工具列表没有ui操作，既无法使用vueui来创建项目原因：vue版本问题，卸载原来的vue版本，然后重新安装vue-h查看帮助信息，没有

Coisini_甜柚か·2024-08-30 04:20

vite打包工具的简单使用

vite打包工具的简单使用Vite是一个由Vue.js核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。

Software攻城狮·2024-08-30 04:20

【记录】 VUE3 + VITE + TS配置不同环境

根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注：vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://dev.api.xxxx.com3.在package.json配置环境启动"scripts":{"serve:dev":"vite--modedevelopment","serve:test":"v

——a·2024-08-30 04:18

Vue3+Vite2环境变量配置，分别配置本地，测试，正式

第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155

embelfe_segge·2024-08-30 04:47

实现自定义拖动客服按钮

import{ref}from'vue';exportdefault{setup(){consttop=ref(20);//初始位置的上边距constleft=ref(20);//初始位置的左边距letisDragging

鹤鸣的日常·2024-08-30 04:17

Vue-cli创建单页面网页

安装npminstall-g@vue/cli创建项目vuecreate项目名选择预设环境使用键盘的上下键进行选择，enter键确定默认情况下是default(bableeslint)bable:下一代JavaScript

caiyiii·2024-08-30 03:55

【VUE+SpringBoot】前端获取到的数据与后台从数据库中获取到的数据不一致

问题后台从数据库中查询到的数据，转换成JSON字符串传到前端后，缺少部分字段。@RequestMapping("/getUpdateUser")publicStringgetUpdateUser(intid){Useruser=userDao.getUpdateUser(id);Stringstring=JSON.toJSONString(user);returnstring;}asyncshow

你不懂的阳·2024-08-30 02:49

基于SpringBoot+Vue+MySQL的图书管理系统

系统背景在探讨基于SpringBoot+Vue+MySQL的图书管理系统的研究背景时，我们可以从以下几个方面进行深入分析：一、数字化时代的图书管理需求随着信息技术的飞速发展和互联网的普及，数字化已成为现代社会不可逆转的趋势

程序员大金·2024-08-30 02:07

上传文件太大 net::ERR_CONNECTION_ABORTED 500 (Internal Server Error) 连接失败错误

前端技术:VUE,elementUI后端技术:springCloudspringBoot前台上传文件时一直报错:net::ERR_CONNECTION_ABORTED问题根因:上传文件太大,超过后台配置解决办法

我的风格0.0·2024-08-30 02:05

vue实现echarts-wordcloud词云图表，wordcloud参数配置列表

1、通过npm引入echartsnpminstallecharts--save2、在main.js中添加下面两行代码importechartsfrom'echarts'Vue.prototype.

总是幸福的小豌豆·2024-08-30 02:33

vue 精选评论词云集成echarts-wordcloud TF-IDF算法

这一期在我们的系统里集成词云组件，开发的功能是景区精选评论的词云展示功能。这个界面的逻辑是这样的：在数据框里输入城市，可以是模糊搜索的，选择城市；选择城市后，发往后台去查询该城市的精选评论，由于一个城市会有很多景点，所以精选评论也有很多，采用TF-IDF算法，计算关键词，返回给前端，使用echarts词云组件进行可视化；再次输入城市，可以切换城市，同时词云会重新渲染。1词云页面开发首先前端安装词云

麦麦大数据·2024-08-30 02:01

推荐频道

Vue入门指南