Vue踩坑第10页

2024年刚刚翻新前端vue面试题

江湖二哥·2024-09-06 00:14

Vue3封装的请求拦截

importaxiosfrom"axios";constinstance=axios.create({baseURL:'http://127.0.0.1:8888/api/private/v1/',//工作时把地址替换后端的地址timeout:3000,//工作时把端口号替换后端给的端口号headers:{'X-Custom-Header':'foobar'}});//添加请求拦截器instanc

Web_Lxz·2024-09-05 23:10

计算机毕业设计SSM_Vue宠物商城系统【代码讲解+安装调试+文档指导】

心愿：点赞收藏⭐评论文末获取源码联系技术选型spring、springmvc、mybatis、vue、elementUI、LayUI、mysql、tomcat8.5、jdk1.8数据库表结构14张开发工具

计算机毕业设计_吉哥·2024-09-05 23:48

Vue3通用请求响应拦截器与请求方法封装

文章目录请求响应拦截器：请求拦截器响应拦截器：错误处理统一请求封装：请求响应拦截器：请求拦截器向请求头中添加tokenimportaxiosfrom'axios'import{getToken,removeToken}from'@/utils/cookie'import{useUserStore}from"@/store/moudel/user.js";//保存在本地的数据importmodalf

@泽栖·2024-09-05 23:07

搭建一个组件库（vue3）

1.Monorepo（单仓库，多项目）作用:在一个项目里面管理多个模块，并且互不干扰npminstallpnpm-g2.初始化package.jsonpnpminit3.新建配置文件.npmrc//扁平化依赖解决幽灵依赖的问题shamefully-hoist=true4.新建pnpm-workspace.yaml仿照elemen-uipackages:-'packages/**'-'example

yu_zhili·2024-09-05 22:04

vue cli4跨域问题的解决

在开发环境下可以前端配置devServer解决跨域问题在package.json同级目录下新建一个vue.config.js文件，配置如下代码module.exports={devServer:{overlay

卟噜卟噜叭·2024-09-05 22:14

vue数据双向绑定的实现原理

vue实现双向数据绑定的原理就是利用了Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。

叮叮当1016·2024-09-05 22:14

vue3 动态组件component不生效问题

问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。

技术钱·2024-09-05 22:30

高德地图使用vue-amap开发页面刷新地图空白

使用vue-amap地图开发的时候，刷新页面地图就不显示了。因为刷新的时候AMapUI没有加载出来导致地图显示空白。

技术钱·2024-09-05 22:00

vue+ckeditor5图片视频上传

1.安装ckeditor5提供三种方法安装npm、CDN和下载ZIP文件到项目中，这里就使用了npm安装具体看官网文档ckeditor5官网。安装命令npminstall@ckeditor/ckeditor5-build-decoupled-document--save卸载命令npmuninstall@ckeditor/ckeditor5-build-decoupled-document--sav

技术钱·2024-09-05 22:29

vue element el-date-picker日期选择器选择时间区间

1.在项目中使用到了element日期选择组件，选择日期区间最大为6个月之前是让不在这区间给限制不让选择html部分js部分exportdefault{pickerOptions:{......disabledDate:(time)=>{//查询时间跨度为31天letbaseDate=newDate('2020-01-01').getTime()if(this.minDate){letrangeM

技术钱·2024-09-05 22:29

monorepo搭建项目

7081440800143310884安装pnpmmonorepo的项目，限制只能使用pnpm如果已经安装了pnpm可以跳过此步骤安装pnpm命令：npmipnpm-g初始化项目首先新建一个文件夹，名为vue3

讨口子·2024-09-05 22:59

Redis使用——Redis的redis.conf配置注释详解（三）

Redis使用——Redis的redis.conf配置注释详解（三）背景日常我们开发时，我们会遇到各种各样的奇奇怪怪的问题（踩坑o(╯□╰)o），这个常见问题系列就是我日常遇到的一些问题的记录文章系列，

武昌库里写JAVA·2024-09-05 22:58

vue可拖拽移动放大缩小的弹框组件

完成一次拖放的事件过程是：dragstart–>dragenter–>dragover–>drop–>dragend下面是HTML5的拖拽事件dragstart：开始拖元素触发，作用于拖拽元素dragenter：元素拖进可drop元素（绑定drop事件的元素）时触发，作用于目标元素dragover：当元素拖动到drop元素上时触发，作用于目标元素drop：当元素放下到drop元素触发，作用于目标元

dogface07·2024-09-05 19:13

vue自定义组件如何挂载到body上

vue自定义组件如何挂载到body上1.创建组件实例2.vue规定不能直接挂在到bodyhtml的跟节点上去3.vm.

dogface07·2024-09-05 19:13

【陪诊系统-PC管理端】vuex数据持久化实现

究其根本，这是因为vuex中保存的数据不具有持久化，每次刷新会重建vue实例，而store是挂载是vue实例上的，所以刷新后state中的数据会被重新初始化。

Zheng113·2024-09-05 19:38

JavaScript常用前端框架和库浅谈_前端框架设计-js

Vue.js：Vue.js是一个轻量级的JavaScript框架，用于构建用户界面。它采用了组件化的开发模式，类似于React。Vue.js的核心概念包括组件、指令和响应式数据等。

2401_84435885·2024-09-05 18:06

【vue3】探讨为什么ref()换为reactive()数据不再是响应式？

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是：数据加载不出来了，代码如下//获取文章列表数据lettableData=reactive([])functiongetArt(){getArticles().then((resp

逆旅行天涯·2024-09-05 17:26

怎么解决在vue3中watch不及时更新

解决方案1：在processChunk函数中更新questionList.value后再更新questionid.value和firstsendId.value通过调整questionid.value和firstsendId.value更新的位置，我们可以确保它们的值在更新questionList.value之前就已经准备好：constprocessChunk=(chunk:any)=>{if(p

不知名的小Q·2024-09-05 17:53

vue2的缺陷

下班回家的途中,一个问题困扰我很久,在vue2中为什么不能给对象直接赋值?若是使用其他的的api又觉得麻烦,于是就有了这篇博客!!!

nz一只肥猫·2024-09-05 17:52

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。

不知名的小Q·2024-09-05 15:47

Uniapp小程序分包

注：只拿uniap开发的小程序举例，mpvue略有差异1.首先在pages文件目录下创建pagesA文件（这里拿order页面举例），正常的order文件在pages文件下2.现在分包的话，就在pagesA

周bro·2024-09-05 15:15

nginx 解决vue打包后显示404静态图片无法显示的问题

//刷新后显示404location/{try_files$uri$uri//index.html;}//静态图片或者cssjs文件目录location/assets/{root/assets;}

初遇你时动了情·2024-09-05 15:44

类似《东郊到家》的APP小程序软件系统源码

以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架前端：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5

I592O929783·2024-09-05 14:10

SpringBoot(SSM)+Vue二手交易平台校园二手跳蚤市场Java（code&LW）

基于ssm(springboot)+vue的前后端分离项目，数据库采用mysql。

Java学长-kirito·2024-09-05 13:02

Django+Vue协同过滤算法图书推荐系统的设计与实现

目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍

赵广陆·2024-09-05 13:31

Django+Vue家居全屋定制系统的设计与实现

目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍

赵广陆·2024-09-05 13:31

vue调起微信支付，vue获取openid

vue调起微信支付vue获取code、openidvue调起微信支付//微信调起weixinPay:function(){if(typeofWeixinJSBridge=="undefined"){//

吴小雨·2024-09-05 12:54

Vue3 中的响应式系统：深入理解 Proxy API

在Vue3中，响应式系统的核心是通过使用ES6中的ProxyAPI来创建数据的代理，从而拦截对象属性的读取和设置操作。这使得框架可以在属性被访问或修改时执行额外的操作，例如触发视图更新。

Rverdoser·2024-09-05 11:51

淘宝将全面接入微信支付；苹果陷接班人危机，库克挽留多位资深高管；Vue 3.5正式版发布 | 极客头条

「极客头条」——技术人员的新闻圈！CSDN的读者朋友们好，「极客头条」来啦，快来看今天都有哪些值得我们技术人关注的重要新闻吧。整理|郑丽媛出品|CSDN（ID：CSDNnews）一分钟速览新闻点！淘宝、天猫发公告称，计划接入微信支付苹果客服回应苹果税抽佣30%：建议通过电脑端充值三星电子回应中国销售部门裁员：必要的业务调整和人员优化京东方回应苹果将彻底放弃LCD传闻：对单一客户具体合作信息不予回应

极客日报·2024-09-05 11:48

《Vue 3 中的 Pinia：全面解析与使用教程》

NMY112·2024-09-05 10:43

Vue3项目引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘

Animportpathcanonlyendwitha‘.ts’extensionwhen‘allowImportingTsExtensions’isenabled.ts-plugin(5097)这个错误消息表明在TypeScript项目中，当allowImportingTsExtensions未启用时，导入路径不能以.ts扩展名结尾。解决方案启用allowImportingTsExtension

fishmemory7sec·2024-09-05 10:10

【Vue 入门】使用 Vue2 开发一个展示项目列表的应用

前言一直没有找到一个合适的展示个人项目的模板，所以自己动手使用Vue写了一个。

zhangjk1993·2024-09-05 10:37

4.4 Sensors -- useDevicePixelRatio

4.4Sensors–useDevicePixelRatiohttps://vueuse.org/core/useDevicePixelRatio/作用动态追踪devicePixelRatio的变化。

weixin_mouren·2024-09-05 09:05

4.2 Sensors -- onKeyStroke

4.2Sensors–onKeyStrokehttps://vueuse.org/onKeyStroke作用监听键盘按键是否被点击官方示例监听一个按键import{onKeyStroke}from'@vueuse

weixin_mouren·2024-09-05 09:35

1.4 State -- useStorage

1.4State–useStoragehttps://vueuse.org/core/useStorage/作用创建一个能访问和修改LocalStorageorSessionStorage的响应式变量。

weixin_mouren·2024-09-05 09:05

4.5 Sensors -- useElementByPoint

4.5Sensors–useElementByPointhttps://vueuse.org/core/useElementByPoint/作用根据鼠标位置，实时返回鼠标所在的dom元素。

weixin_mouren·2024-09-05 08:57

前端框架有哪些？以及每种框架的详细介绍

目录前言1.React2.Vue.js3.Angular4.Bootstrap5.Foundation总结前言前端框架是Web开发中不可或缺的工具，它们为开发者提供了丰富的工具和抽象，使得构建复杂的Web

cesske·2024-09-05 08:23

js（vue）如何实现页面截图，向后端传递，生成PDF

htmm12canvas首先引入npminstallexpressmulter#或者yarnaddexpressmulter代码如下：-->中间代码省略import{nextTick,ref,provide}from"vue

R-sz·2024-09-05 06:10

vue表格刷新数据_vue+element-ui实现表格某个数据弹窗添加数据，保存后数据更新，再次打开弹窗，数据回显...

实现功能：1、生成数据插入table2、修改table的某个数据，保存后该数据进行更新3、点击table的btn，选择的数据仍是选中状态，数据回显示例-1-选择地址插入表格示例-2-选择指定岗位示例-3-选择岗位出现table里示例-4-打开弹窗之前选择的岗位仍是选中一、页面布局Cascader级联选择器选择地址插入table，插入的数据可删除，可添加岗位页面布局代码：placeholder="请

weixin_39538693·2024-09-05 06:10

vue中的watch和$watch的用法实际场景和区别

watch（组件选项）watch是Vue组件的一个选项，它允许你定义一些监听器，这些监听器会在组件的响应式数据变化时调用。它主要用于组件内部的数据监听。

肖肖肖丽珠·2024-09-05 05:39

【Vue】watch与$watch使用详解

文章目录配置项定义形式监听目标`key`响应事件`value`示例watch选项$watch实例方法监听多个数据变化配置项vue-watch有两个可配置项deep、immediate，分别表示是否深度监听及是否立即调用定义形式监听目标

锋利的绵羊·2024-09-05 05:39

vue的$watch方法

mounted(){//在生命周期函数执行this.$watch(_=>{//满足条件，触发下面的方法returnthis.pitchOnUserInfo.FFloor&&this.form.orderType},_=>{this.getGasProductByType()})},

Pumpkin_xiaoXuan·2024-09-05 05:37

Vue——认识day05_监视属性

目录1.天气案例介绍以及初步实现2.监视属性天气案例的实现3.深度监视4.监视的简写形式5.姓名案例的监视属性实现6.watch和computed对比1.天气案例介绍以及初步实现这段代码实现了一个简单的天气选择功能。页面中有一个标题和一个按钮，点击按钮可以切换天气的显示。默认显示晴天，点击按钮后会切换到雨天，并在副标题中显示当前选择的天气。天气案例你是喜欢晴天还是雨天我喜欢{{weatherInf

WenJGo·2024-09-05 05:34

Vue笔记九：axios原理之promise

axios是基于promise的HTTP库，支持promise所有的APIpromise概念promise是JS中解决异步编程的语法，从语法上来讲，promise是一个构造函数，从功能来讲，用promise对象封装异步操作并获取结果。promise支持链式调用，可以解决回调地狱（多级的异步嵌套调用）。promise的基本使用创建promise对象并使用回调函数constp=newPromise((

努力努力再努力dyx·2024-09-05 04:03

后台数据管理系统 - 项目架构设计

后台数据管理系统-项目架构设计在线演示：黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于

风流野趣fly·2024-09-05 04:00

Vscode 解决使用.vue文件里面代码无法自动补全解决方法。

最近相信许多小伙伴们学到vue的前置框架了，当然还要学习vue2开始，那么在开始vue前置框架里面，发现在.vue文件里面使用代码、函数等等代码没有自动补全和一键生成，这里提供两个解决方案。