需求说明1、根据后台传值动态显示开关（0为关，1为开）2、对开关进行操作时请求后台，需要传两个参数：id，type需求描述我先说我的需求，我想在列表的每一条添加多个个开关，可以改当前一条数据的状态，并发送到服务端，并根据服务端返回的结果局部刷新当前页数据期望结果状态是后端返回给我的状态，分别是1和2，我先点击switch发送给后端这条数据的id，然后修改这一条数据的状态，而不是重新拿这个列表，如果

在工作中通常会遇到Table表格匹配字典项中的数据这里介绍几种方法大家仅供参考<el-table:data="tableData"style="width: 100%"><el-table-column prop="date" label="日期" width="180"></el-table-column><el-table-column prop="t

防止按钮重复点击指令因为手快的同学，再进行按钮操作的时候，会触发多次，若这个点击事件接入API，就会重复请求API。所以为了防止这个问题，我不可能一个按钮去写一个防点击，这多麻烦。所以就写了个指令。下面上代码export default {}.install = (Vue, options = {}) => {Vue.directive('dbClick', {inserted(el, bi

通过vue-cli创建项目安装脚手架工具npm install -g @vue/cli# ORyarn global add @vue/cli创建一个项目vue create water_project关于移动的适配因为是移动端网页，所以需要做适配。网上有很多适配方案这里就不展开说了，主要说下本项目使用的方案是amfe-flexible结合rem来做的，是淘宝的一种解决方案。关于设计稿的单位px转

Vue 中使用watch监听$route失效问题！路由：{name: 'secondUser ',component: secondUser,path: '/secondUser',}------------------------------------------------------------------------------------------------------------

背景描述：我使用的是vue+element 开发系统，需要一段时间监测数据的变化解决方案：本来想使用websock效果更佳，想到仅仅单页面使用就是用后端缓存数据前端定时请求的方法。使用定时器和延时器的方案首先介绍下定时器和延时器setInterval(function(){}, milliseconds)——会不停的调用函数setTimeout(function(){}, milliseconds

meta简单来说就是路由元信息 也就是每个路由身上携带的信息。这里简单的举两个例子:其次还有一个功能就是能够控制公共组件的显示或隐藏请忽视 keep-alive标签...

需求：添加提示，使按钮点击提交数据时，按钮不可以再操作，防止数据重复提交，防止多次触发事件实现思路：添加全局loading让遮罩层后不可点击话不多说上代码<el-button type="primary" @click="push">提交</el-button>这里提交数据为formdatapush(){const loadingObj=this.$loading({loc

如果出现cmd:无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确。因为有些版本sass不支持样式穿透符 >>> 所以要更换成::v-deep。node升级到v16.16.0版本 之前项目依赖的更改。node-sass 去掉 改换成下面版本。最近新装电脑总结一些问题。...

响应性APIreactive作用： 创建一个响应式数据。本质： 传入数据（复杂类型：数组和json对象）包装成一个Proxy对象。如果传入其他对象，默认情况下修改对象，界面不会自动更新，如果想更新，可以通过重新赋值（创建一个新的对象）的方式。<template><div class="reactive"><button @click="fn">点击</bu