1、当v-model绑定的是一个值时 <el-select v-model="modelTree" filterable> <el-option v-for="item in nameList" :key="item.id" :label="item.title" :value="item.id"> </el-option> </el-select> 数据回显只显示value,不显示label，原因可能有以下几个： 1、optio

前言 本文旨在记录使用Flask框架过程中与前端Vue对接过程中，存在WebSocket总是连接失败导致前端取不到数据的问题。以及在使用WebSocket相关功能的库包gevent-websocket之后，导致运行Flask项目之后，控制台没有显示running on 127.0.0.1:5000 问题、以及没有输出log日志记录的问题、以及总是报错Websocket connection to‘ws://127.0.0.1:5000/socket.io/?EIO=4&transpo

写在前面 1、正常的向后端发送请求，常见的 get、post 大家都很熟悉，是没有任何问题的；我们也可以用 post 或者表单请求发送 file文件 到后端。 但是大文件的上传是一个特殊的情况： 大文件上传最主要的问题就在于：在一个请求中，要上传大量的数据，导致整个过程会比较漫长，且失败后需要重头开始上传。 首先是上传过程时间比较久（要传输更多的报文，丢包重传的概率也更大），在这个过程中不能做其他操作，用户不能刷新页面，只能耐心等待请求完成。 常见的软件应用中，前端/后端都会对一

在 vue 项目，有时请求返回的数据 中会有含有 \n 的字符串，如果直接渲染的话无法实现换行。  一、通过 css属性 实现 设置 white-space: pre-wrap;  代码如下： <div style="white-space: pre-wrap;">{{含有\n的字符串}}</div> 扩展： white-space属性值： 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中

一、目录结构 二、登陆iconfont，添加图标到购物车，并加入到项目中 1. 设置图标下载格式 2. 项目设置：勾选字体格式SVG 3. 下载到本地，解压 补充 其实在你下载的图标文件里demo有个html文件 在浏览器打开后会看到你所有的图标，并且在页面最底下有使用方法具体内容请自行查看 4. 把demo_index.html、demo.css、inconfont.js添加到 src/assets/icon文件中 5. 在src/components/S

1、在项目中遇到一个问题：当事件中的代码执行耗费时间，且用户在短时间不断点击按钮，造成短时间多次触发了按钮的事件（不断向服务器发起请求） 2、解决办法 方法一： 定义一个变量（如：isLock）来控制按钮的disable属性，进而来防止用户短时间的多次点击按钮 方法二：全局定义一个指令，通过在按钮绑定指令来控制按钮被点击间隔时间 方法三：只可以点击一次。 3、具体实现： 方法1步骤： ① 首先设置变量isLock属性值为false,使得按钮可点击（disable: true） ② 当用户点

  目录 说明：  被称为全球领先的阿里云 mangoDB        阿里云与mongoDB 删除数据（批量） 删除之前 后端（阿里云端，云函数：one111）  前端（客户端）vue 删除之后  修改数据（批量） 修改之前  后端（阿里云端，云函数：one111）  前端（客户端）vue 修改之后  增加数据（指定数据） 添加前   后端（阿里云端，云函数：one111）  前端（客户端）vue 添加后 增加数据（用户可添加数据到数据库） 添

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 例如：Vue的学习是路阻且艰的，这是一个系列文章，帮助vue的新手可以快速上路，创建的自己的项目，该系列文章主要讲解作者在vue学习之路上，创建项目中最重要的知识，因为笔者水平有限，希望大家多多指正，该系列文章旨在让大家感受vue的便捷，详细学习vue希望大家多多观看官方文档. 一、Vue父子传值的方法 我们在Vue项目进行父子传值主要有以下三种方法： (1) props / $emit (

分享两款智慧物业管理系统源码，源码免费分享，需要源码学习参考的小伙伴可以私信我。 ▶▶▶1：Java智慧物业管理系统源码(App+业主端微信小程序+物业端H5) 智慧物业介绍： 一、技术架构 基于SpringCloud微服务、分布式架构，更易扩展； 项目前后端分离，后端使用JAVA，前端VUE，Uni-app框架； MySQL、Redis多种数据存储方式，只为更快； ActiveMq订阅消息队列，让订单更快流转。 二、核心功能 资产管理、业务管理、费用管理、

1. 背景 昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目，今天目标是自己用vscode新建一个vue项目 关于vue环境配置请看这篇：使用vscode运行Vue项目 2. 准备工作（也可跳过此步骤） 安装Vetur，一款Vue代码高亮显示的一款插件。 安装eslint代码规范插件。 配置Vscode工作环境 装好后点击文件->首选项->设置 打开设置界面，在设置界面右侧添加配置。点击“在settings.json中编辑”，进入代码编辑界面。 输入

最近在学习一个可视化搭建的项目，里面用的拖拽就是draggable.js。看了几个中文的文档，有很多坑，可能是没有及时更新的原因。 VUe  建议去看vuedraggable的官方文档，只不过是英文的。官方文档：https://github.com/SortableJS/Vue.Draggable； 由于vue3已经是默认版本了，所以vuedraggable也对应vue2.0和3.0有各自的版本，直接使用基本命令安装： npm install vuedraggable --save

前言 在日常 Vue 项目开发中，我们或多或少需要对组件进行强制刷新操作。比如，明明更新了 data 属性的值，但是页面上显示的还是旧的数据。又比如，在某些时候，我们想要一个全新的、干净的组件；或者是想要重新触发created、mounted的生命周期钩子等等。 组件强制刷新的需求出发点千千万，但是不少需求并不是真的需要强制刷新组件，只是因为强制刷新组件往往是最直接、最便捷的方式而已。强制刷新虽然好用，但是不能滥用。强制刷新对浏览器来说是一笔不小的开销，我们更应该通过优化代码设计来解决问题