前端学习笔记-vue 第17页

终端输入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 中最基本的指令

插值表达式v-cloak（防止网速问题造成的内容错误）v-text绑定内容v-bind(缩写是:)绑定属性v-on(缩写是@)绑定事件v-model双向绑定属性只能应用于表单元素input（radio，text，address，email。。。）v-for在v-for要会使用：（key属性绑定(只接收单一的string/number)）循环数组：v-for="iteminlist"v-for="(

Victor_b905·2024-08-30 01:49

Vue项目 - 超时登出后如何跳login登录后返回之前页面

在项目中，我们会经常遇到超时登出的功能。跟后台约定好超时登出后返回的code。目前这个项目的登出code是401。由于我们的axios是全局配置的，所以只需要在axios发送get或post请求的地方做一个是否登出的判断：（以下已post为例）axios.post(url,params).then(response=>{if(response.data.code=='0'||response.da

1994陈·2024-08-30 01:16

计算机毕业设计python企业员工信息管理系统 03j8q

本员工工资管理系统使用了开源框架vue开发实现了员工工资管理系统，并且使用了开发工具vscode和数据库MySQL。

QQ58850198·2024-08-30 01:22

uniapp 小程序微信登录

已授权":"小程序授权"}}js代码import{mapMutations}from'vuex'exportdefault{data(){return{code:"",SessionKey:'',encrypt

害的人·2024-08-30 00:51

UniApp首页与导航页设计开发全攻略

一、简介UniApp是一款基于Vue.js框架的跨平台开发工具，可以帮助开发者使用一套代码快速构建出多个平台的应用程序，如iOS、Android、Web等。

new_一个对象·2024-08-30 00:50

vue3+element-plus实现table表格整列的拖拽

136470284一、为防止原文章不见了将参考文章代码拷过来了（不好意思）：这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive,ref}from"vue

不恰香菜辣baga·2024-08-30 00:48

websocket 初级

-npminstallwebsocket-App.vue//App.vueWebSocket已连接WebSocket未连接发送消息{{receivedMessage}}importtestMefrom"

m0_75101866·2024-08-29 22:39

从零开始掌握Vue实例

从零开始掌握Vue实例：深入理解数据绑定与生命周期的核心秘诀引言简要介绍主题：在学习Vue.js的过程中，Vue实例是最基础也是最关键的部分。

程序员凡尘·2024-08-29 22:39

vue3+ts+canvas项目中图片进行矩形批注

看效果：废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co

嘴巴嘟嘟·2024-08-29 22:34

【转】Vue.js使用Blob的方式实现excel表格的下载(流文件下载)

导出Excelimportapifrom"../../api/api.js";importaxiosfrom"axios";exportdefault{data(){return{pageSize:30,}},created(){},computed:{},mounted(){},methods:{downloadUrl(){//console.log(api.serverUrl);letpara

Bior·2024-08-29 22:41

Vue实现文件下载进度显示

//downLoadProgress为进度百分比asyncdownloadFile(){constthat=thisawait$axios.get(url,{responseType:'blob',onDownloadProgress:function(progressEvent){if(progressEvent.lengthComputable){that.downLoadProgress=(

大海星辰798·2024-08-29 22:03

群辉docker前端部署失败处理2

chmod-R755/usr/share/nginx/htmlchown-Rroot:root/usr/share/nginx/htmlnginx-sreloaddockerrestartdfdgdemo_vue

脚大江山稳·2024-08-29 21:33

微信小程序之数据的绑定（与vue做对比）

数据绑定与vue的对比Page({/***页面的初始数据*/data:{a:1,b:2,target:true,list:[{id:1,name:"wq",age:18},{id:2,name:"ce"

井底的蜗牛·2024-08-29 21:28

推荐开源项目：VueTube - YouTube 克隆版RESTful API

廉欣盼Industrious·2024-08-29 21:27

Java大文件上传方案(vue+饿了么)：秒传、断点续传、分片上传!

前言本篇文章是基于其他文章的基础上结合自己的理解写出来的,如果哪里有问题请指出!详细教程秒传1、什么是秒传通俗的说，你把要上传的东西上传，服务器会先做MD5校验，如果服务器上有它就会进入秒传，想要不秒传，其实只要让MD5改变，就是对文件本身做一下修改（改名字不行），例如一个文本文件，你多加几个字，MD5就变了，就不会秒传了.2、本文实现的秒传核心逻辑a、利用redis的set方法存放文件上传状态，

无与丶伦比丨·2024-08-29 19:17

深入理解 Vue 2 的双向绑定原理与实现

在Vue2中，双向绑定是Vue的核心功能之一，它通过数据响应式系统使得数据的变化自动反映在视图上，同时用户在视图上做的更改也能够同步回数据模型。

NMY112·2024-08-29 19:46

使用vue+原生js编写时间轴--cesium三维球

突然感觉自己是天生的牛马了，今天同事接到个需求，要写一个关于气象的插件，其他的功能还好说，但是这个时间轴的功能，网上的插件貌似比较少，自己手搓呢，他又不想这么麻烦。然后我看到这个功能感觉觉得挺考验技术的，顿时心里就特别痒痒。哈哈，看我贱不贱。随后我利用周末的时间就手搓了一个时间轴。本来想用canvas来绘制来着，后来想到用canvas绘制的图形性能方面也许会好很多，但是想修改样式缺很不容易。并且我

我爱吃干果·2024-08-29 18:37

基于vue+elementPlus的动态导航标签栏-tabs

实现思路首先用到了element-plus框架中tabs的组件，然后数据我这里是通过vuex来维护的。在点击菜单的

我爱吃干果·2024-08-29 18:06

解决npm install 报错 npm ERR code 128 Permission denied

目录npminstall报错最终方案处理过程初始git配置直接npminstall网上方案查看git官网一直从事java开发，以前都是有专门的前端负责vue。

segegefe·2024-08-29 16:59

Vue笔记总结（Xmind格式）：第二天

Xmind鸟瞰图：简单文字总结：vue知识总结：创建vue脚手架：1.安装Node.js：VueCLI作为一个npm包，需要Node.js来安装和运行。

星河路漫漫·2024-08-29 16:28

vue学习的第三天小结

Object.defineProperty(obj,'a',{get(){//拦截了对于obj对象a属性获取的操作returna;},set(val){//拦截对于obj对象a赋值的操作a=val;}})obj.a=20;new一个vue

微文殇却卟丢气质·2024-08-29 15:44

v-for 和 v-if的用法及优先级

3、使用key的注意事项：v-if：条件渲染v-for与v-if的用法优先级使用场景在Vue中，有两个常用的指令，即v-for和v-if，它们分别用于循环渲染和条件渲染。

我胡为喜呀·2024-08-29 15:47

vue动态绑定事件、传递参数

vue动态传递不确定个数的参数到子组件这个还是经常用的，动态绑定不确定个数的事件就不太常用了，写这篇也是因为自己没有好好看官方文档，所以来记录一下。下面的代码示例就采用vue2了，vue3也是一样的。

会说法语的猪·2024-08-29 14:38

Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象)

JSON格式=》JavaScriptObjectNotation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）{}=》对应为一个对象，通过键值对进行存储以及访问{"content":"1","correct":false}发送一个包含id，name属性的对象那么后端如果只接收这个对象

I like Code?·2024-08-29 13:35

使用echarts生成颜色渐变曲线图

效果图:1、安装echartsnpminstallecharts--save2、全局注册组件import*asechartsfrom'echarts';Vue.prototype.

湾流~·2024-08-29 13:35

Vuex状态管理

id=1618794879569468435&wfr=spider&for=pc简单入门加实例：转自：https://www.jianshu.com/p/ff2adb84c7f2针对于vue之间各个组件的传值复杂问题使用

EO_eaf6·2024-08-29 12:41

vue 通过 this.$refs 创建方法i向子组件传参让子组件更新

在Vue中，this.$refs主要用于访问子组件的实例或者DOM元素。通过this.$refs，你可以调用子组件的方法或者访问其数据属性，从而实现子组件的更新。以下是一些使用this.

qq_42463588·2024-08-29 12:31

vue el-form中label使用类似小程序text标签 space的功能

在Vue中，没有直接类似于微信小程序中标签的space属性，该属性用于控制文本节点之间的空格处理方式。

qq_42463588·2024-08-29 12:31

报错 warning: LF will be replaced by CRLF in ******.vue.

LF和CRLF其实都是换行符，不同的是，LF是linux和Unix系统的换行符，CRLF是window系统的换行符。git提供了一个”换行符自动转换“的功能，并且这个功能是默认处于”自动模式“即开启状态的。输入命令：gitconfigcore.autocrlffalse(仅对当前git仓库有效）gitconfig--globalcore.autocrlffalse(全局有效，不设置推荐全局）然后重

慢慢雨夜·2024-08-29 12:29

初探Mpvue的组件、样式机制

主要从mpvue的组件、语法以及小程序的相关API完善。

weixin_33912246·2024-08-29 11:53

【菜狗学前端】初探TS（结合在vue3中的使用）

TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型：基本类型:

佛系菜狗·2024-08-29 11:21

Vue项目中Axios取消请求功能实现

1，封装axios实例request.jsconstaxios=require('axios');//创建一个axios实例constservice=axios.create({baseURL:"https://ip:port",timeout:60000});exportdefaultservice2，封装请求api.jsimportservicefrom'request'importaxios

流云紫电·2024-08-29 09:43

Vue在线预览文件（docx/xlsx/pdf）

技术栈：Vue2+vue-office+ElementUI简介在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现pdf、docx、xlsx文件的预览。

Cxiaomu·2024-08-29 09:40

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。

伯约同学·2024-08-29 07:41

一文带你读懂vue3中directive指令的那些事

概述vue3中内置了很多丰富实用的指令，如v-show、v-if/v-else或v-model等，但是实际开发中可能我们还需要某些统一的处理，比如交互按钮的防抖，输入框的自动focus等，这时我们就可以通过

Jinuss·2024-08-29 05:11

MyPrint打印设计器（二）vue3 实现历史步骤记录

通过vueuse中的useManualRefHistory，快速实现历史操作记录所需环境：vue实现目标历史记录撤销重做记录覆盖代码原理把键盘监听事件挂载在document上，当键盘事件发生时，依次匹配事先订阅的快捷键

那叫一个优雅·2024-08-29 04:37

回车键实现登录

开发框架vue+elementui方法1：在整个输入域的父标签上添加@keyup.enter=“submitFunction”（推荐）。

码不停T·2024-08-29 04:35

在vue中优雅地异步引入（懒加载）腾讯地图API

背景接到一个需求需要在网站首页显示使用腾讯地图展示公司所在地。一开始我直接全局引入了腾讯地图js，结果发现在用户打开登陆页面的时候首页比较缓慢，为了提高用户登陆的加载效率，需要优化为异步引入。思路根据官网的示例，通过dom追加script的方式来加载js，并且在加载完成时会回调window下的callback方法。但是这么使用的话，每次都需要在当前组件中写一个全局的函数，A组件中写的回调函数可能覆

试着奔跑的菜鸟·2024-08-29 03:29

Macbook Pro 安装vue cli报错npm ERR! code ENOTEMPTYnpm ERR! syscall renamenpm ERR! 怎么解决。

cd /Users/xiaohuamei/.npm-global/lib/node_modules/运行以下命令，手动删除@vue/cli文件夹：rm-rf@vue/cli重新运行安装命令：npminstall-g

呆呆槑_Xiong·2024-08-29 03:26

推荐频道

前端学习笔记-vue