![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue后台管理
sika-master
这个作者很懒,什么都没留下…
展开
-
vue-element-admin模板,由英文如何改为中文
如果想换成中文的,可以 在git终端里,切换分支到i18n。正常在官网下载到的都是英文版。原创 2022-09-16 09:42:56 · 3002 阅读 · 1 评论 -
数据可视化的echarts的常用设置
学习数据可视化就是在学习第三方的一些图表的操作,设置数据可视化大屏的操作越来越常见,我用的是echarts的,官方文档的设置太多了,一般也不怎么用全都用上,常用的设置自己做个汇总。原创 2022-08-22 16:06:45 · 1738 阅读 · 0 评论 -
vue 详情页返回列表,过滤查询条件保留
列表---详情---列表,过滤条件不清空原创 2022-06-17 15:24:41 · 3604 阅读 · 0 评论 -
前端字典接口的使用
vue字典的使用原创 2022-06-16 18:17:50 · 1894 阅读 · 0 评论 -
vue中使用ant design vue中a-table表格多选操作时
后台管理列表表格,进行多选的操作原创 2022-06-09 11:19:51 · 3778 阅读 · 0 评论 -
@change事件传递多个参数,保留默认参数,并传递自定义参数
change时间的多参数传递原创 2022-06-02 17:38:14 · 9233 阅读 · 1 评论 -
新增时动态增加表单和附件图片的上传
项目场景:本来是一个页面中只有一个附件和图片的上传,但是后来的需要改变之后,就变成了加入到能够动态的增加和减少的区域中了。那么如何动态的增加,就是一个问题了原因分析:动态的增加和减少时,一定需要获取他的数组下标来在编辑的时候回显出正确的附件和图片解决方案:1.起初在声明这个数组的时候,我还需要添加各个对象的值,但是后来发现根本不需要,直接不需要另外的声明,直接声明formData就行。data(){ return { formData: {}, }}2.数组的传递的值是原创 2022-05-27 10:00:01 · 432 阅读 · 0 评论 -
路径跳转的vue页面,作为组件被另外一个页面使用
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes,原创 2022-05-24 09:57:40 · 1054 阅读 · 0 评论 -
form表单重复的校验规则,合并成一个方法
项目场景:项目中用到的很多的校验规则就是必填的提示校验信息,如果按照正常的来写,每次添加一条表单,就要重复的添加一条校验规则,而且校验规则提示的都是一样的内容例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStre原创 2022-05-23 11:51:35 · 1092 阅读 · 0 评论 -
后端返回下载地址url,前端如何下载文件
项目场景:后端返回的是个下载的地址url,前端点击按钮之后下载文件解决方案:创建a的下载链接,进行下载本项目中得到的返回的下载地址为httpAddress字段中的url值 downLoad(record) { if (record.httpAddress) { // console.log('record.httpAddress: ', record.httpAddress) const link = document.createElemen原创 2022-05-17 16:55:16 · 7904 阅读 · 2 评论 -
input框中的简单正则校验集合
正则校验输入框的值` 在做开发的时候经常会要用到正则校验,因为自带的校验满足不了业务需求基于项目需求,综合一下常用的正则验证文章目录正则校验输入框的值前言一、只能输入汉字、英文字符和数字二、只能输入数字和+、- 字符(用于电话号校验)待续前言例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、只能输入汉字、英文字符和数字val.target.value.replace原创 2022-05-15 18:18:06 · 2731 阅读 · 0 评论 -
vue导出文件之后,wps能打开,而office不能打开的问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代.原创 2022-05-14 10:38:05 · 1143 阅读 · 0 评论 -
vue后台管理-编辑不了的问题,使用this.$set()
项目场景:点击某一行的编辑的时候,获取到值,但是修改不了的问题例如:在项目中有时间回显的问题。但是直接赋值之后,不能再次修改原因分析:打印出来时间的值,发现能编辑时间的地方和不能编辑时间的地方的值的格式不同,原因是:vue没有监听到数据,所以修改不了解决方案:提示:这里填写该问题的具体解决方案:使用this.$set()去设置,就可以监听到,就能够修改新的值了...原创 2022-05-14 10:30:34 · 641 阅读 · 0 评论 -
vue导出数据为文件excel,后端返回的是文件流
导出数据记录为excel:问题:导出数据记录为excel。后端返回的是文件流,前端接受之后,点击导出可下载到本地为excel文件,可打开。解决方案:解决:1.前端在请求的时候,接受文件格式设置为:application/octet-stream2.请求接口设置接受的数据格式为blob3.在点击导出按钮的时候请求接口exportData() { const that = this this.$confirm({ title: '确定要导出数据吗?',原创 2022-05-05 10:04:48 · 2195 阅读 · 0 评论 -
联动选择下拉框a-select涉及的问题
项目场景:问题:三个a-select中,虽然是分开的,但是还是要有依赖,后一个的选择依赖于前一个的选择。在初始化获取数据的时候,能够获取到一个tree型结构的数组。每一个对应得到选择的值里面有第二个下拉框的所有内容,第二个对应的值中有第三个下拉框的所有值问题描述描述项目中遇到的问题:根据第一个下拉框的选择的值,第二个下拉框的值是在第一个选择之后才出来,并且第一个重新选择的时候,第二个要被清空,不然数据不对照解决方案:解决:1.第一个下拉框的值,初始化的时候获取到并显示出来。2.点击第一个原创 2022-04-27 10:26:42 · 1068 阅读 · 0 评论 -
vue一个页面多个组件,点击提交同时保存三个组件所有表单值(二)
项目场景:需求:一个页面多个组件,点击提交同时保存三个组件所有表单值。场景:一个页面的表单太多分为三个页面来提交,每个页面都有保存和提交的按钮。要求每个页面如果不同的人填写的话,点击当前页面的保存或者提交按钮,三个组件中的所有表单都会被提交。类似下面这种问题描述提示:如何在每个 例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer原创 2022-04-27 09:53:54 · 2628 阅读 · 1 评论 -
v-if和v-show的真实案例使用(一)
v-if和v-show的真实使用感受需求:一个页面有单个tab栏,需要在点击每个tab栏底部的保存或者提交按钮的时候,保存三个页面的所有表单的内容。问题:刚开始使用v-if 没找到问题,后来打印了每个组件的实例,发现每个tab栏页面的实例没有拿到,没法提交所有表单。解决:使用v-show的 判断展示当前页面,点击某个提交页面的时候能够提交三个tab栏页面的所有表单数据。这种页面,每个页面都有保存和提交的按钮。需要在点击的时候,保存三个组件的所有表单。使用v-show,和refs拿到组件的原创 2022-04-19 11:55:11 · 321 阅读 · 0 评论 -
require.context 实现前端自动引入同一文件夹下多个文件
在使用vue-element-admin实现后台管理系统的时候,发现了require.context的好处,自动引入同一文件夹下的多个文件在项目中是用来引入了 store下的modules中的所有 *.js文件目录结构如下。import Vue from 'vue'import Vuex from 'vuex'import getters from './getters'Vue.use(Vuex)// https://webpack.js.org/guides/dependency-m原创 2021-01-17 17:09:59 · 1168 阅读 · 0 评论