VUE项目中遇到的问题

vue指令实现图片懒加载

全局注册Vue.directive("lazy",{inserted(el,binding){//定义一个观察器，entries为状态改变元素的数组letobserver=newIntersectionObserver
小前端·2024-02-03 23:29

vue常见面试题汇总

1.为什么要使用Vue？答：Vue是一款优秀的前端框架，它可以帮助我们快速构建高效、可复用、易维护的Web应用程序，并提供了丰富的API和生态系统。2.Vue有哪些生命周期钩子函数？
小敏今天又写代码了·2024-02-03 23:27

vue常见面试题

1.e6中继承为什么要用super()2.在vue中调用函数是在create，mouted中？在单个组件中，因为请求数据是异步的，所以你无论放到created、mounted，都是在最后执行。
小前端·2024-02-03 23:55

如何更改VueCLI3.0的包管理器yarn/npm

在执行vuecreateproject后如果显示如下npmrunserve则表示你使用的是npm创建的项目。image如果显示如下yarnserve则表示此项目为yarn创建。
郭海杰·2024-02-03 23:24

vue 项目 页面刷新404问题解决方案

在Vue.js项目或者其他单页应用（SPA）部署场景下，这个配置是非常常见的：location/{try_files$uri$uri
临水逸·2024-02-03 22:42

SpringBoot+Vue前后端分离，宝塔面板部署心得

部署的项目是码神之路老师的blog项目，这是个优秀的前后端分离，贴合实际工作开发的，我学习下来，有很大的收获，可以都去学习学习。一、项目修改因为开发环境与生产环境不相同，所以需要修改一些相关代码。1.前端项目修改前端项目，是可以定义不同的环境变量，对应不同的环境的，在打包时，NODE_ENV:‘“development”’,代表开发环境，NODE_ENV:‘“production”’,代表生产环境
哪de清如许·2024-02-03 22:42

通过宝塔面板部署前后端分离Vue项目

宝塔面板部署前后端分离Vue项目一、首先进入宝塔页面在云服务器控制台，远程连接实例，在shell命令行中输入/etc/init.d/btdefault获取宝塔面板网站，输入账号密码，进入宝塔控制台。
iiLeon·2024-02-03 22:41

【springboot学生读书笔记共享平台设计毕业项目】

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言博主介绍
Bigcoding·2024-02-03 22:31

【springboot母婴商城系统毕业项目】

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言博主介绍
Bigcoding·2024-02-03 22:31

【基于springboot的社区团购系统设计毕业项目】

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言博主介绍
Bigcoding·2024-02-03 22:26

解决Vue项目打包部署后再开发者工具中能看到源代码的问题

解决Vue项目打包部署后再开发者工具中能看到源代码的问题，步骤如下：1、package.json新增如下配置"vue":{"productionSourceMap":false}2、vueconfig.json
西红薯炒番茄·2024-02-03 22:13

前端案例：基于el-table和el-pagination实现数据的分页效果

首先使用el-table(表格)和el-pagination(分页)组件需要npm下载ElementUI组件库，下载安装方式参见官网：Element-Theworld’smostpopularVueUIframeworkElement
m0_67401746·2024-02-03 21:55

vue 长按复制文字

方法一在Vue中实现长按复制文字的功能可以通过以下步骤来实现：首先，在需要实现长按复制文字的元素上添加一个@mousedown事件和一个@mouseup事件，用于监听鼠标按下和松开的动作。
沅霖·2024-02-03 21:21

前端Vue every() 方法

every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every()方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回false，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回true。注意：every()不会对空数组进行检测。注意：every()不会改变原始数组。
学心理学的猫·2024-02-03 21:50

vue中$refs的用法及作用详解

这篇文章主要介绍了vue中$refs的用法及作用详解,非常不错，具有参考借鉴价值，有需要的朋友可以参考下。
浮生若梦777·2024-02-03 21:42

如何把vue项目打包成桌面程序 electron-builder

引入我们想要把我们写的vue项目,打包成桌面程序，我们需要使用electron-builder这个库如何使用首先添加打包工具vueaddelectron-builder选择最新版本下载完毕我们可以看到我们的
zhuyua·2024-02-03 21:06

vue element 的 dialog 弹出窗口加上 最大化 还原 和自定义拖拽、拉伸弹窗

原理是利用vue的自定义指令功能自定义一个指令官方文档下面是指令内容exportdefault{bind(el,binding,vnode,oldVnode){letresizeEvent=newCustomEvent
菜鸟-唐宋·2024-02-03 21:05

【vue3】使用自定义指令，实现el-dialog的拖拽功能。

实现el-dialog的拖拽功能说明这里指的是element-plus的el-dialog组件，一开始该组件并没有实现拖拽的功能，当然现在可以通过设置属性的方式实现拖拽。自带的拖拽功能非常严谨，拖拽时判断是否拖拽出窗口，如果出去了会阻止拖拽。如果自带的拖拽功能可以满足需求的话，可以跳过本文。通过自定义指令实现拖拽功能因为要自己操作dom（设置事件），所以感觉还是使用自定义指令更直接一些，而且对原生
梅花十三儿·2024-02-03 21:04

vue解决 页面A跳转到页面B，B页面停留在A页面的滚动位置的解决方法

//全局路由守卫router.beforeEach((to,from,next)=>{//to:Route:即将要进入的目标路由对象//from:Route:当前导航正要离开的路由//next:Function:一定要调用该方法来resolve这个钩子。执行效果依赖next方法的调用参数。//A跳转到B，B页面停留在A页面的滚动位置；解决方法：将scrollTop设置为0window.scroll
Brian_1975·2024-02-03 21:00

vue全家桶 需掌握（自用）

熟悉vue全局桶，可以理解为vue生态，vue技术栈等等，可，一般来说指:vue核心知识https://cn.vuejs.org/vue-resourcevue-routerhttps://router.vuejs.org
guolinkang·2024-02-03 21:58

vue3中如何使用防抖和节流

1.封装在src/utils文件夹中新建文件handleDebounce.js，用于封装防抖和节流//防抖exportfunctiondebounce(fn,delay=200){//fn是需要防抖的函数，delay是延迟多少毫秒执行fnlettimer=null;returnfunction(){if(timer){clearTimeout(timer);}timer=setTimeout(()
℘团子এ·2024-02-03 20:45

vue3-逻辑复用

在Vue应用的概念中，“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。一个简单的例子是跟踪当前鼠标在页面中的位置。
王大可996·2024-02-03 20:14

Vue3的 组件事件

目录介绍触发与监听事件事件参数声明触发的事件事件校验总结介绍Vue3是Vue框架的最新版本，其中对组件事件进行了一些改进和优化。组件事件是Vue中一种常用的通信机制，用于在组件之间传递数据或触发动作。
跟Bug双向奔赴·2024-02-03 20:13

uniapp 组件封装

1.uniapp组件封装时间戳格式化为星期1.1.components/m-week.vue{{week}}exportdefault{props:{'time':String},mounted(e){
雪芽蓝域zzs·2024-02-03 20:13

vue + element ui 折叠面板实现拖拽顺序

文章目录前言一、vuedraggable是什么？
qq_44938769·2024-02-03 20:08

Vue笔记_03组件_vuedraggable实现拖拽(基于vue)

目录1.下载2.使用vuedraggable组件vue有一个vuedraggable组件可以实现拖拽效果1.下载npminstallvuedraggable2.使用vuedraggable组件[1]引入
乖女子@@@·2024-02-03 20:38

vue如何使用vuedraggable实现不同面板之间的拖拽排序，拖拽复制功能？【vuedraggable】

vuedraggable官方文档链接使用说明https://www.itxst.com/vue-draggable/re7vfyfe.htmlhttps://www.itxst.com/vue-draggable
幕飒前端程序员·2024-02-03 20:07

前端框架搭建——从零到一搭建一个高颜值Vue3后台管理系统(三)

上一篇我们集成项目所需要的插件，在整个main.ts里的结构都抽离到了各自相应的文件中，使整体main的结构看起来更加简介明了。今天我们讲下项目页面的布局布局分析分析我们页面的布局，主要是比较常见的左右结构布局，这在后台管理系统中是很常见的布局。当然也有其他的布局，在我们这次的项目里没有其它类型，但你可以自己添加，这里提供一种思路首先在页面提供component这个动态组件，我们设置不同类型的布局
聪明的竹子·2024-02-03 20:07

一篇文章认识Vue3

Vue3介绍Vue3于2022年2月7日星期一成为新的默认版本！Vue3性能更高，体积更小Vue3在经过一年的迭代后，越来越好用。
聪明的竹子·2024-02-03 20:37

Relation-graph关系图/流程图，VUE项目基础使用

一、Relation-graph是支持Vue2、Vue3、React的关系数据展示组件，支持通过【插槽】让使用者使用"普通HTML元素、Vue组件、React组件"来完全自定义图形元素，并提供实用的API
和世界不一样，那就不一样！·2024-02-03 20:07

前端-relation-graph实现关系数据展示（关系图/流程图）

relation-graph-ARelationshipGraphComponenthttps://www.relation-graph.com/3.选择relation-graph的理由4.项目中引用relation-graph4.1下载命令4.2在Vue2
作业应急宝·2024-02-03 20:07

vue+vant H5 键盘收回后底部出现空白，解决方法

//methodblurInput(){setTimeout(()=>{window.scrollTo(0,0)},100)}
Eudemonia_C·2024-02-03 20:37

ie报错[vuex] vuex requires a Promise polyfill in this browser.

因为ie不支持es6的Promise解决方法是安装npminstall--savebabel-polyfill安装完成后找到webpack.base.conf.jsentry:{//app:'./src/main.js'//原先是这样的app:["babel-polyfill","./src/main.js"]//改成这样},image.png
shaguamayi·2024-02-03 20:14

ant design of vue 事件添加自定义参数传值并结合v-for指令

官网上的案例选项的更改要使用@change指定处理的方法默认传入value和option两个参数JackLucyhandleChange(value,option){console.log(value,option);}传入自定义参数但是有时候这些参数不够用，需要传入自定义的参数，比如id。我们可以这样写handleChange(value,option,1)">JackLucyhandleCha
小小只植物·2024-02-03 20:36

Vue.环境准备

安装nodejs(包括npm)下载链接：Node.js推荐使用第一个链接，比较稳定。下载后，双击开始安装，如下图：点击Finish完成验证：node-vnpm-v配置npm的本地仓库https://blog.csdn.net/Sindyue/article/details/104051363配置npm默认地址cnpm安装参考：https://blog.csdn.net/Sindyue/articl
闲猫·2024-02-03 19:47

vue环境准备（mac）

vue的环境node、npm、vuecli说明：安装node之后，会带上npm，不用再单独安装；node安装brewinstallnodevuecli的安装npminstall-g@vue/cli
小奔跳跳·2024-02-03 19:16

Vue 环境准备

1.安装vscodehttps://code.visualstudio.com/2.安装开发vue所需插件：Vetur——语法高亮、智能感知、Emmet等包含格式化功能，Alt+Shift+F（格式化全文
糖糖糖果88·2024-02-03 19:15

记一次Kafka消费者频繁分区再均衡bug解决

问题描述：提示：这里描述项目中遇到的问题：在项目中使用Kafka消费者消费数据，并配置了分区再均衡监听器，在日志文件中发现再均衡监听器频繁的输出日志，即频繁发生分区再均衡。
敲代码的小小酥·2024-02-03 19:30

codemirror 插件使用总结

在此使用code-mirror插件作为提供者，以下总结一些遇到的问题及解决方案：参考手册：vue-codemirror地址：https://github.com/codemirror/CodeMirror.codemirror
Musclewl·2024-02-03 19:21

::v-deep和/deep/和＞＞＞ 区别

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
Musclewl·2024-02-03 19:51

uni-app 经验分享，从入门到离职（三）——关于 uni-app 生命周期快速了解上手

文章目录前言⏬关于专栏什么是生命周期应用生命周期关于App.vue/App.uvue页面生命周期关于onShow与onLoad的区别组件生命周期最后前言这篇文章是本专栏uni-app基础篇的第三章，通过上一篇文章的基础
黛琳ghz·2024-02-03 19:17

04-动态组件 & 插槽 & 自定义指令&全局配置 axios 的请求根路径

2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：3.使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。
W蘭·2024-02-03 19:12

Vue3学习记录（一）--- 组合式API之基础概念和变量声明

一、组合式API基础1、简介组合式API(CompositionAPI)是Vue3和Vue2的v2.7之后版本中的全新特性，是一系列API的的集合（响应式API、生命周期钩子、依赖注入等等），其风格是基于函数的组合
努力的小朱同学·2024-02-03 19:42

【vue2】05_动态组件 & 插槽 & 自定义指令

文章目录动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性插槽1.什么是插槽2.体验插槽的基础用法2.1没有预留插槽的内容会被丢弃2.2后备内容3.具名插槽3.1为具名插槽提供内容3.2具名插槽的简写形式4.作用域插槽4.1使用作用域插槽4.2解构插槽Prop自定义指令1.什么
追yi个小太阳·2024-02-03 19:42

5.4 Vue2.0 动态组件&插槽&自定义指令&自定义插件

2，如何实现动态组件的渲染vue提供了一个内置的组件，专门用来实现
像我这样的人112·2024-02-03 19:42

【Vue】3-1、Vue 3 简介

一、Vue3的优势Vue2OptionsAPI的缺陷：一个功能往往需要在不同的vue配置项中定义属性和方法，比较分散，需求简单还好，清晰明了；但是需求复杂之后，就会多出watch，computed，inject
QX_Java_Learner·2024-02-03 19:11

【Vue】3-2、组合式 API

最后return，才能在模板中使用*4、可以通过setup语法糖简化代码*/setup(){//console.log('setupfunction',this)//数据constmsg='HelloVue3
QX_Java_Learner·2024-02-03 19:11

【Vue】3-3、Vue 3.3 新特性 & Pinia

一、Vue3.3新特性1、defineOptions有之前，如果要定义props，emits可以轻而易举地添加一个与setup平级的属性但是用了后，就没法这么干了，setup属性已经没有了，自然没法添加与其平级的属性为了解决这一问题
QX_Java_Learner·2024-02-03 19:11

Vue学习笔记

_el和data的俩种写法7.事件修饰符8.键盘事件9.条件渲染10.列表过滤11.过滤器12.常用指令13.生命周期14.组件15.ref属性16.props配置17.mixin属性18.vue中的插件
沈姐姐~·2024-02-03 19:11

Vue-动态组件 & 插槽 & 自定义指令

2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。
程序猿向前跑·2024-02-03 19:41
上一页 84 85 86 87 88 89 90 91 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他