VUE项目中遇到的问题第97页

vue3+element-plus动态路由菜单

1、展示效果图2、创建组件SideMenu.vue{{item.mate.title}}{{item.children[0].mate.title}}1":index="item.path">{{item.mate.title

qq_39196447·2024-02-02 11:56

vue/cli脚手架搭建的vue3项目兼容低版本谷歌浏览器

vue/cli搭建的vue3项目找到项目中的.browserslistrc文件，增加一行chrome>48（版本号可以自行修改）>1%last2versionsnotdeadnotie11chrome

qq_39196447·2024-02-02 11:26

vue3 watch和watchEffect

Watch监听ref定义的数据1.ref数据基本数据类型letsum=ref（0）conststopWatch=watch（sum,(new,old)=>{If(new>=10){stopWatch()}console.log(‘sum数据变化了’)}）2.ref数据为对象类型,监听的是对象的地址值,若想监听对象内部属性值的变化，需要手动开启深度监视letperson=ref（{name：’张三’

艺逸&福兜·2024-02-02 10:42

vue2+html2pdf下载PDF,PDF分页切割

问题：PDF下载下来后，文档内容被暴力分割。解决方案：HTMLPDF......JSmethods:{downloadPDF(){//下载函数try{letvm=this;//A4宽高比例constA4_WIDTH=592.28;constA4_HEIGHT=841.89;vm.$nextTick(()=>{lettarget=document.getElementById("print");//

牧马少女·2024-02-02 10:58

vue config.js和webpack 配置文件解读以及打包流程

最近把项目的所有配置文件都研究学习了一下，发现学无止境，永远都学不完呀，慢慢学吧。本来是想拿公司项目来记录学习过程，但是呢怕引起不必要的麻烦，所以就用了git大神的一个项目。大神的目录结构如下，我们主要看build/和package.jsonimage.pngpackage.json中配置了项目的基本信息、脚本以及包信息。我们主要看下脚本，如下image.png------------------

super静_jingjing·2024-02-02 10:14

vue项目ERROR TypeError: Cannot set properties of undefined (setting ‘chunkLoading‘)

从网上拉取的vue项目运行出现这个问题，实际上这个问题解决还有各自问题会报出来的原因是：node的版本不对，版本不相兼容。要安装适合的版本。

ChenWenKen·2024-02-02 10:50

1、Runtime-Compiler和Runtime-only的区别 ------ 2019-12-09

1、Runtime-Compiler和Runtime-only的main.js文件的区别：//（1）Runtime-CompilernewVue({el:'#app',router,components

自己写了自己看·2024-02-02 10:52

SPA单页应用开发

用开发角色总结1、场景——中后台管理系统技术栈：SpringBoot、vue-cliSPA、npm、ElementUI推荐使用的IDE：VScode、WS、HB2、场景——H5前端开发技术栈：vue-cli

hangover_bfc9·2024-02-02 10:20

计算机毕业设计 SpringBoot教师档案管理系统教师培训平台系统教师人事管理系统Java

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

计算机程序老哥·2024-02-02 10:24

js中常用正则校验

一.vue输入框只能输入数字//οninput="value=value.replace(/[^0-9.]/g,'')"二、常用校验/[^\d]/g//数字/^([1-9]\d{1,9}|\d)(.

葫芦娃y·2024-02-02 10:56

在JS中数组内部值的变化不触发视图更新的浅谈

问题：因为Vue的中使用的getter和setter并不会在深层的值上设置，也就是数组的具体每个数值并没有绑定getter和setter，所以在数组内部值改变的时候没有触发视图的更新。

kentlin·2024-02-02 09:06

使用input框上传文件。

转载学习自：https://www.cnblogs.com/conglvse/p/9524452.html整个vue组件文件：template部分：创客马拉松最终展示最终展示仔细填写以下信息，注意格式，

王老鸭的古古事·2024-02-02 09:44

vue-cli脚手架npm相关文件解读（6）build.js

/webpack.base.conf.js2、build/webpack.prod.conf.js3、build/webpack.dev.conf.js4、build/utils.js5、build/vue-loader.conf.js6

weixin_30607659·2024-02-02 09:26

render函数的基本实现

在学习vue入门时，一直有一个疑惑如何把虚拟dom转换成真实dom的。现在猜想，假设虚拟dom长这样，表示要渲染的内容。

妙团团·2024-02-02 09:21

【Vue3实战】setup语法糖实战基础

【Vue3实战】setup语法糖前言一、setup语法糖的优势1.更清晰的逻辑组织2.更好的类型推断和IDE支持无需导入自动注入组件的上下文更好的类型推断3.更灵活的组合逻辑4.更好的响应式能力二、Vue2

愛彈吉他的小盆友·2024-02-02 09:17

vue3-深入组件-插槽

插槽Slots组件用来接收模板内容插槽内容与出口元素是一个插槽出口(slotoutlet),，标示了父元素提供的插槽内容(slotcontent)将在哪里被渲染。插槽内容可以是任意合法的模板内容，不局限于文本。例如我们可以传入多个元素，甚至是组件： Click me! 渲染作用域插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。举例来说：{{ message }}{

王大可996·2024-02-02 09:39

vue3-深入组件-依赖注入

Prop逐级透传问题通常情况下，当我们需要从父组件向子组件传递数据时，会使用props。如果是多层级嵌套的组件，如何从一级传递到3级甚至更远呢。若使用props则必须将其沿着组件链逐级传递下去，这会非常麻烦，所以被称为“prop逐级透传”，显然是我们希望尽量避免的情况。解决方案：provide和inject可以帮助我们解决这一问题。一个父组件相对于其所有的后代组件，会作为依赖提供者。任何后代的组件

王大可996·2024-02-02 09:36

vue阻止鼠标回车键相互影响

vue阻止鼠标回车键相互影响

Shero.李建业·2024-02-02 09:03

vue3 json代码及字符串 v-code-diff对比插件

vue3json代码及字符串v-code-diff对比插件安装pnpminstall--savev-code-diff在main.ts中引入importCodeDifffrom"v-code-diff"app.use

Shero.李建业·2024-02-02 09:03

uniapp【组件封装】时间戳格式化为星期

组件components/dos-week.vue{{week}}exportdefault{props:{'time':String},mounted(e){this.week=this.getWeek

朝阳39·2024-02-02 08:20

vue3前端开发，element-plus前端框架探秘:scope对象

vue3前端开发，element-plus前端框架探秘:scope对象！

yrldjsbk·2024-02-02 08:31

TerserWebpackPlugin详解

一、简单实用注：此文章来自于github翻译来，仅供参考，具体配置需要结合自己的技术框架配置（vue/react等）npminstallterser-webpack-plugin--save-devnewTerserPlugin

景尘·2024-02-02 08:23

小程序：类型三级分类

item.name}}{{item.description}}0">{{item.name}}0">0">{{item.name}}{{val.name}}取消确定import{ref,computed}from'vue'import

帅帅哥的兜兜·2024-02-02 07:28

列表内容可编辑

{{scope.row.name}}{{scope.row.age}}{{scope.row.money}}newVue({el:"#app",data:{dataList:[{name:"测试1",age

new code Boy·2024-02-02 07:46

vue-flowchart使用

Vue-Flowchart是一个基于Vue.js的流程图库，可以用于创建交互式的流程图和组织结构图。

new code Boy·2024-02-02 07:16

如何快速上手VUE框架?

要快速上手Vue.js框架，先从头构建一个Vue应用程序：1.环境准备安装Node.js：首先确保你已安装Node.js和npm（包管理器）。访问Node.js官网下载并安装最新稳定版本。

dami_king·2024-02-02 07:45

JS进阶9 --JS设计模式

`dom`事件绑定，比如2.Vue中的watch:总结发布订阅模式应用场景手写发布订阅模式需求核心步骤总结原型模式应用场景总结代理模式核心语法总结迭代器模式面试题1.

前端小白进阶之旅·2024-02-02 07:14

vue路由参数

vue路由参数vue路由参数的实现主要包括三部分路由设置访问设置参数获取vue路由参数的实现主要包括三部分路由设置需要在路由的path属性值中以"：参数名"的形式进行设置。

前端小白进阶之旅·2024-02-02 07:13

Vue面试真题1 -- 生命周期函数、组件封装、axios

Vue面试真题1--生命周期函数、组件、axiosVue面试真题1--生命周期函数、组件封装、axios1-vue介绍1-1关于vue1-2如何使用vue去构建项目2-vue生命周期函数详解3-vue组件封装

前端小白进阶之旅·2024-02-02 07:13

前端框架简介及Vue3项目起步基础配置

前端框架简介及Vue3项目起步基础配置前端框架简介Vue1.1Vue脚手架1.1.1使用vue-cli创建vue2项目1.1.2使用create-vue创建vue3项目1.1.3项目起步-配置别名路径联想提示

前端小白进阶之旅·2024-02-02 07:08

服务器渲染(SSR)-前端框架

Next.js、Nuxt.js和Remix都是基于Node.js比较流行三个前端框架，它们都基于JavaScript和React/Vue构建，并提供了一些额外的功能和工具来简化开发过程。

new code Boy·2024-02-02 07:08

【开源】SpringBoot框架开发农村物流配送系统

2.2.5个人中心：2.2.6退换快递处理：2.2.7客户评价：三、系统展示四、核心代码4.1查询商家4.2退换快递4.3新增路线规划4.4查询乡镇村社4.5查询配送位置五、免责说明一、摘要1.1项目介绍基于Vue

张燕沨·2024-02-02 07:37

前端框架和组件库的区别与联系

常见的前端框架有React、Vue和Angular等。组件库是一种可复用的UI组件集合，它提供了一系列已经封装好的UI组件，开发者可以直接使用这些组件来构

my烂笔头·2024-02-02 07:07

h5页面内嵌到app,解决ios无法使用左右侧滑返回上一页

背景：vue+vant组合开发的h5页面，嵌入多个app,其中安卓手机都可实现侧滑返回上一页，而苹果端不行，app本身不展示title顶部的返回箭头。

只差亿点点·2024-02-02 07:36

vue 计算属性时间的处理

1.后端返回的数据时13位的时间戳毫秒现在想变成2023-11-1115：00这种格式的数据当然大家有很多中写法，day.jsmoment.js等各式各样的时间插件2.需求如果你想将日期和时间分开我可以给你提供写法moment.js可以分别计算当前的时间和日期3.代码实现//时间处理constformatShowTimeYear=computed(()=>{return(str)=>{varfor

一只小阿乐·2024-02-02 07:29

vue 四舍五入的函数

1.想把一个小时四舍五入以前使用.toFixed(2)方法但是有一个问题他是五舍六入不符合需求所以现在需要使用math.ceil()2.math.ceil()constchangeTwoDecimal=(x)=>{letresNum=parseFloat(x);//isNaN()，判断一个变量是否为非数字的类型，非数字返回true，数字则返回false//console.log('你看=',isN

一只小阿乐·2024-02-02 07:29

vue3 element-plus 将路由和激活菜单绑定

{{item.meta.title}}import{onMounted,ref}from'vue';import{useRouter,useRoute}from'vue-router';constrouter

不爱吃饭爱吃菜·2024-02-02 07:22

html2canvas 截图功能使用 VUE

html2canvas是一个JavaScript库，可以将网页内容转换为Canvas元素，并生成图像或PDF文件。使用html2canvas，你可以在客户端将网页的内容截图，并将其作为图像或PDF文件保存或分享。以下是一些html2canvas库的特点和用途：可以截取任何DOM元素（包括嵌套的元素）；支持多种图片格式（例如PNG、JPEG和WEBP）和PDF文件格式；可以添加自定义样式和属性；支持

和世界不一样，那就不一样！·2024-02-02 07:52

js vue form表单层级过深，层级太深了，form检测不到form的变化

form表单层级过深，层级太深了，form检测不到form的变化，这个时候要么change事件里面强制更新dom触发（视图更新），要么再change事件里面对form表单绑定的数据进行拷贝this.addForm=JSON.parse(JSON.stringify(this.addForm));或者像这样描述下this.addForm={...this.addForm};//form表单修改cha

不爱吃饭爱吃菜·2024-02-02 07:52

在Vue 3中，理解使用defineEmits函数来定义组件的事件。

在Vue3中，可以使用`defineEmits`函数来定义组件的事件。`defineEmits`函数接受一个对象作为参数，该对象的键是事件名，值是一个回调函数或一个函数数组。

_沐晨·2024-02-02 07:21

vue2 组件注册

简单分享怎么将组件注册为全局组件，主要分为三部分：一、使用Vue.install方法将自义定的组件挂载到Vue实例上，如下：二、注册为全局组件，如下：三、页面使用，如下：

jqh_0484·2024-02-02 07:49

vue+mock.js实现前后端分离

之前都是介绍在普通项目中使用mock.js，那么本次就来介绍一下在vue中使用mock.js实现前后端分离。

坏丶毛病·2024-02-02 07:13

点击侧边栏菜单跳转到main 页面

.home.vue页面需要在标签下增加第一个路由占位符因为登录的欢迎页面和点击下的子菜单会在同一个页面因此需要判断获取路由路径如果是/home路径则显示欢迎语(Devops管理系统)如果不是则是路由占位符

村长在路上·2024-02-02 07:46

【Vue3+Vite】Vue生命周期与组件快速学习第三期

文章目录一、Vue生命周期1.1生命周期简介1.2生命周期案例二、Vue组件2.1组件基础2.2组件化入门案例2.3组件之间传递数据2.3.1父传子2.3.2子传父2.3.3兄弟传参总结一、Vue生命周期

道格维克·2024-02-02 07:15

vue3页面跳转产生白屏，刷新后能正常展示的解决方案

注意：有使用layout封装布局的，是在layout下的主页面中的router-view添加标识，不是在src根目录下main.vue中修改（在这个文件

不爱吃饭爱吃菜·2024-02-02 07:42

【无标题】

关于vueechart3D饼图开发exportdefault{name:'rightCenter',props:{msg:String},data(){return{optionData:[{name:

NewChapter °·2024-02-02 07:09

Springboot + EasyExcel + Vue 实现excel下载功能

一、添加EasyExcel依赖com.alibabaeasyexcel3.3.2二、后端代码示例controller：@GetMapping("/download")publicvoiddownload(HttpServletResponseresponse)throwsIOException{StringdataFormat=newSimpleDateFormat("yyyyMMdd").for

码出人生_1024·2024-02-02 06:25

ARTHUR王旭光·2024-02-02 06:48

【VUE】环境变量配置

[mode].local#只在指定的模式中被载入，但会被git忽略mode为以下：development模式用于vue-cli-serviceserveproduction模式用于vue-cli-se

大Q本Q·2024-02-02 06:57

npm ERR! code CERT_HAS_EXPIRED

requesttohttps://registry.npm.taobao.org/vue-img-cutterfailed,reason:certificatehasexpirednpmERR!

?Givenchy·2024-02-02 06:33

推荐频道

VUE项目中遇到的问题