vue项目web端-封装组件第19页

Spring Boot 3 + Vue 3实战：实现用户登录功能

文章目录一、实战概述二、实战步骤（一）创建前端项目-login-vue1、创建Vue项目2、安装axios模块3、安装vue-router模块4、安装less和less-loader模块5、运行Vue项目

howard2005·2024-01-14 14:27

[GN] nodejs16.13.0版本完美解决node-sass和sass-loader版本冲突问题

项目场景：npminstall运行vue项目时候问题描述项目场景：sass-loader，node-sass出错!

GGood_Name·2024-01-14 12:15

uniapp如何实现跨端适配

Uniapp是一款基于Vue.js的跨平台开发框架，可以同时支持多个主流的移动端和Web端平台。Uniapp提供了一套统一的API和组件库，可以实现跨端适配。

&ACE&·2024-01-14 12:43

Vue项目中有封装axios详解（收藏好，真的）

文章目录一、axios是什么特性基本使用二、为什么要封装三、如何封装设置接口请求前缀设置请求头与超时时间封装请求方法请求拦截器响应拦截器小结一、axios是什么axios是一个轻量的HTTP客户端基于XMLHttpRequest服务来执行HTTP请求，支持丰富的配置，支持Promise，支持浏览器端和Node.js端。自Vue2.0起，尤大宣布取消对vue-resource的官方推荐，转而推荐ax

章IT·2024-01-14 11:21

Vue项目报错记录解决Property or method “item“ is not defined on the instance

这里要实现显示一个Tabbar栏的效果，其中一行代码v-for=“itemintitles”数据传输过去了，但没有展示，报错信息Propertyormethod“item”isnotdefinedontheinstancebutreferencedduringrender.原因使用了item项，却没有在data()中定义，这里item是遍历titles数组的固有属性，不用在data()里再次定义了

月下绯烟·2024-01-14 10:50

记录，再次运行vue项目报错POST http://127.0.0.1:8888/api/private/v1/login/login

\app.js打开phpStudy的数据库使用postman测试显示登录成功，后台数据库连接成功，再次运行Vue项目，登录界面成功

月下绯烟·2024-01-14 10:19

Cesium笔记初始化原生Cesium

1、创建vue项目vuecreatemy_demo2、下载Cesium可以从官网下载，也可以使用node下载npminstallcesium3、把node_modules文件夹中下载得Cesium，移出到

Y青阳·2024-01-14 10:55

Python使用pyzabbix调用Zabbix API

Zabbix有开源的Web端

小斌哥ge·2024-01-14 08:52

Vue3+Vite连接高德地图JS API——地图显示、输入搜索

1开通高德地图Web端JSAPI服务1、进入高德地图API官网（https://lbs.amap.com/）：2、注册登录。3、进入控制台。4、点击“应用管理”，点击“我的应用”，创建新应用。

阳排·2024-01-14 06:10

nvm管理多版本node

背景：同时开发多个项目，有xp系统的桌面端，还有高版本的移动端，以及web端。所以需要多个node版本切换。解决：没有选择改环境变量的方式，而是选择用nvm管理多个node版本。

夏花里的尘埃·2024-01-14 04:48

用css和js实现Timeline 时间线组件效果

实现timeline时间线效果演示封装组件anchor.vue{{item.stepTitle}}0"type="danger"effect="plain"size="small"class="tag"v-for

夏花里的尘埃·2024-01-14 04:18

计算机毕业设计之SpringBoot+Vue.js校园快递代取小程序校园快递代取平台

预期目标基于微信小程序的校园快递代取平台在小程序端具有注册、登录、发单、接单、查看全部订单、查看我的发单、查看我的接单、用户留言、平台公告等功能，通过web端进行后台管理，包括用户管理，订单管理、留言管理

计算机毕业设计大神·2024-01-14 04:38

vue项目配置后端地址

在Vue项目中配置后端地址可以通过修改config/index.js文件来完成。

ZhangChuChu_9248·2024-01-14 03:04

利用Less修改element-ui组件的样式

利用Less修改element-ui组件的样式在vue项目中用的最多的便是嵌套，利用Less嵌套的方法，在全局中划出了一个作用域，这样便能直接修改当前使用的element-ui组件样式，且不会破坏全局其他样式

白菜new·2024-01-14 02:48

搭建vue项目

vuecreatemy-systemapp.vue:删除style样式，结构保留router-viewcomponent和view文件夹：删除全部文件view文件：新建login/LoginView.vue（大驼峰命名法一定要用！）我是注册页exportdefault{}.login_box{background-color:pink;height:100%;}html,body,#app{hei

曹莓奶昔·2024-01-13 18:35

前端背景收集之烟花背景

文章目录个人主页Vue项目常用组件模板仓库前言：源码如下：个人主页Vue项目常用组件模板仓库前言：本篇博客主要提供前端背景收集之烟花背景组件源码，需要的朋友请自取源码如下：2024新年快乐！万事如意！

信计2102罗铠威·2024-01-13 18:06

vue项目打包部署到服务器上后页面404问题

vue路由配置:constrouter=newVueRouter({base:'/app/web',//部署到服务器上的路径//hash模式下部署到服务器访问没问题，history就不行，需要在服务器上配置mode:'history',routes})vue.config.js配置:module.exports={lintOnSave:false,publicPath:process.env.VU

JOJORiny·2024-01-13 17:28

vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)

1.需求:做语音听写然后转换成文字2.使用api:科大讯飞语音听写3.在vue项目中配置文件步骤4.在配置完成后处理IatRecorder.js里newWoeker()会报错的问题现在开始:第一步：我们到官方先下载个

JOJORiny·2024-01-13 17:57

第九讲、Vue3.x中的单文件组件定义组件注册组件以及组件的使用

一、Vue3.x中的组件组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。

我爱张智容·2024-01-13 17:47

小程序开发公司哪家好？哪家最好？

小程序具有轻量、聚焦、快捷等特点，这有别于web端类和移动端app类产品。

智创有术·2024-01-13 17:01

vue项目配置-启动之后自动打开浏览器

打开config目录下的index.js文件，然后配置autoOpenBrowser:true修改前修改后

大风过岗·2024-01-13 14:12

TypeError: Cannot read property ‘protocol‘ of undefined

编写Vue项目的途中抛出了如下异常，简单记录小结一下：TypeError:Cannotreadproperty‘protocol‘ofundefined具体原因出在了main.js中引用了axios，同时在其它的类中使用了

survivorsfyh·2024-01-13 14:26

2020-03-19 vue项目安装scss，使用报错

正常安装流程1、首先安装淘宝镜像（也可不用）$npminstall-gcnpm--registry=https://registry.npm.taobao.org2、用cnpm重新安装一次（没有安装淘宝镜像可直接用npm）cnpminstallnode-sass--save-devcnpminstallsass-loader--save-dev正常安装完node-sass和sass-loader后

xxx小毛驴儿·2024-01-13 11:48

Vue UI 创建项目详细步骤

yarnglobaladd@vue/cli安装成功后，可用vue-V命令查看已安装的VueCLI版本2.在命令行运行vueui，就会出现图形化管理在界面上可以看到第一个tab项目，点击创建这个tab，可以来创建一个新的vue

魏知非·2024-01-13 10:08

element-ui Vue 封装组件按钮工具栏,使用slot插槽

封装常用按钮工具栏,方便其它页面调用缺点:工具栏下面div会显示工具栏下面,下面需要使用margin-top:40px(小学生一个没整明白)希望大神能帮解决运行效果组件代码tt-btnBar.vue{{title}}保存打印取消-->exportdefault{props:{title:{type:String,default:""},//默认固定顶部不动,isFix:{type:String,d

满上·2024-01-13 09:38

vue项目之.env文件.env.dev、test、pro

.env文件是vue运行项目时的环境配置文件。.env:全局默认配置文件，所有环境(开发、测试、生产等）均会加载并合并该文件.env.development(开发环境默认命名)开发环境的配置，文件名默认为.env.development,如果需要改名也是可以的，比如改成.env.dev，但是这时就需要在启动项目时候在执行脚本后面加上对应的模式如启动项目npmrundev是启动项目，如果启动之后想要

蕉君桑·2024-01-13 09:41

前端项目优化:减少webpack打包体积

前言最近自己买个云服务器,把之前搭建的webpack-vue项目进行了部署,现在项目已经成功了。

青阳流月·2024-01-13 08:33

Java+spring+springmvc ssm432咖啡馆咖啡销售预定管理系统#毕业设计

springmvcssm432咖啡馆咖啡销售预定管理系统#毕业设计开发语言：Java开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架:ssm+vue

wqq6310855·2024-01-13 07:54

VUE项目webpack打包使用compression-webpack-plugin压缩优化

背景如何让前端页面加载的更加丝滑，是每个前端工程师都在追求的事情。常见的优化策略1.异步比如script标签支持的async属性，就是为了让浏览器加载的时候避免阻塞，从而加快页面的加载速度。2.减小前端打包后的文件体积降低前端打包后的文件体积这个方向，衍生出很多方法，比如图片压缩，雪碧图，优化代码，webpack的tree-shaking等。今天说的是使用gzip来使得前端发布的文件更小！原理针对

Pa灬糯米·2024-01-13 06:38

2-Linux-应用-部署icwp-Linux虚拟机【Django+Vue+Nginx+uwsgi+Linux】

该文章将项目部署在Linux虚拟机上，暂不使用Docker相关指令尽量展示执行路径，方便直观理解最后有流程总结，捋不清的时候，可以到最后看看后续部署系列：基于Docker的Django+Vue项目部署：

海绵_青年·2024-01-13 06:37

在vue项目中使用天地图，点击可打点，搜索打点组件封装

一、在index.html文件中引入天地图JavaScriptAPI：Vue2TMapDemo二、创建Vue组件，例如TMapMarker.vue搜索经度：{{marker.lng}}纬度：{{marker.lat}}地址：{{marker.address}}exportdefault{data(){return{keyword:'',map:null,marker:null};},mounted

葫芦娃y·2024-01-13 05:20

在vue项目中使用百度地图，点击或搜索打点组件封装

一、在index.html文件中引入百度地图Vue2BMapDemo二、创建map.vue地图组件搜索经度：{{marker.lng}}纬度：{{marker.lat}}地址：{{marker.address}}exportdefault{data(){return{keyword:'',map:null,marker:null};},mounted(){//加载地图this.loadMap();

葫芦娃y·2024-01-13 05:20

vue项目需要给el-date-picker添加自定义按钮改变样式所遇到的问题

问题1需要自定义下拉框样式，并且下拉框中需要添加自定义的按钮，如下效果重置按钮是自己通过jquery添加上去的，关键代码如下//html部分{returntime.getTime()>Date.now();}}">重置//js部分，仅展示关键代码data(){return{dateValue:''}},methods:{initData(){this.tableData=res.data;this

笑毅·2024-01-13 05:06

.NET BS端和CS端相互压缩发送接收byte对象数据方法

本文既有Web端发送接收数据，也有CS端发送接收数据，内容比较全面。一、object

Z语言·2024-01-13 04:07

Canvas 2D 渲染指南 - 用 TypeScript 实现一个程序入口 Application 类

两年前，我曾徒手写过一个运行在Web端的小游戏，就是用Canvas来实现的，之后便几乎从未与Canvas打交道，这两天偶然接触到一本书《TypeScript图形渲染实战：2D架构设计与实现》，又再次让我对这方面产生了兴趣

weixin_34310127·2024-01-13 03:43

vue3hooks的使用

在Vue3中，hooks是用于封装组件逻辑的方法，类似于Vue2中的mixins。

HWL5679·2024-01-12 21:38

IDEA启动vue项目

将vue项目包放到idea中，在vue项目上右键选择OpeninTermainl在下图的输入框中运行npminstall安装vue需要的依赖包安装成功后,在package.json文件上右键右键后会打开一个

qq_22905801·2024-01-12 21:44

Vue项目的创建（详细步骤）

Vue项目的创建1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.用vue-cli构建项目5.安装项目所需的依赖6.运行项目vueinitwebpack、vuecreate创建项目产生的项目文件区别说明项目目录结构

Little_Star*·2024-01-12 20:28

flutter file_picker dio web端上传记录

app端的上传获取到FilePickerResult对象里面包含选择上传的文件信息 FilePickerResult?result=awaitFilePicker.platform.pickFiles( allowMultiple:true, );app端上传逻辑finalallLength=file?.count??0;intcurUploadLength=0;//文件为空for(varp

肥肥呀呀呀·2024-01-12 19:51

token的本地存储--请求拦截器（vue项目）

1、由于token是后端发送过来的一个唯一身份标识，在一次登录后想要在下次打开网页时自动登录上去，就需要把这个token存储在本地，在挂载的时候浏览器拿着这个token去向服务器发生请求，获取用户信息下面的代码就是把在本地vuex里面放的token通过放在请求头的方式带过去保存起来。每次发起请求的时候就会带上这个请求头的token，后台通过判断这个token进行相应相应的数据可以看见发的请求里面确

hat-ing·2024-01-12 19:39

Java Websocket发送文件给Vue客户端接收并上传，实现检测U盘插入并将指定文件上传到服务器功能

盘所在服务器部署websocket服务2、websocket服务扫描u盘，拿到指定文件，使用session.getBasicRemote().sendBinary(data)分批发送二进制流到客户端3、web

我是唐赢·2024-01-12 19:12

Netty实现websocket实现实时推送(1)

//推送消息逻辑步骤(1)web端请求(业务)服务端进行获取连接凭证，业务服务端http请求webpush系

PreacherZ·2024-01-12 17:57

vue报错 TypeError Object(...) is not a function

相信大家在做vue项目的时候会遇到很多报错，这对刚入门的小白特别不友好，因为前端不像后端调试错误那么方便，许多小伙伴也是很头疼。

屲亣猿猿·2024-01-12 17:52

【2024/1/5】

因此我们最近在做一个web端的项目，这个项目的具体的就不汇报啦，我们现阶段的一个主要工作就是将还没有做的三大部分的页面先敲定，因为客户那边还不是很确定怎么做，那我们做的就相当于是一个demo吧可能是，那这三部分中又包括很多细小的

Clover‘s Blog·2024-01-12 17:36

【在Arco Design Vue项目框架中进行复杂菜单路由跳转】

先给大家进行描述一下吧，如果我的描述有误的话大家就直接看视频吧。效果即：当我们点击全部订单后，看到table表格后，表格里面有订单详情和特殊操作按钮，然后这时候我们点击订单详情或者特殊操作的时候直接跳转到订单详情页面或则特殊操作页面，并且使用的方法不是显示隐藏，而是路由跳转那么下面我们一起进入学习区吧直接上代码吧因为我用了很多组件，都是组件套组件，所以大家有不清楚的欢迎可以直接私信或者留言//首先