前言类似于省市区，状态，性别之类的可以枚举出来的变量，一般情况下数据库中存储的是其对应的value值，像省市区联动的话，前端界面中显示的是省市区的名字，但是接口的入参一般是对应的code码；如果界面中需要状态的话，类似于我这种的稿件状态：草稿、待审批等，接口返回的不是草稿这样的文字，而是DRAFT这样的英文标识。那问题就来了，前端如何将后端返回的数字或英文字母，转成对应的文字进行显示呢？枚举类型后

前言  在项目开发的过程中有时候会遇到这种情况：预先定义的对象数组或者json对象，后端返回了一个value值，而你需要用的是key值，后端又没有办法返给你key值，这个时候就需要自己根据value值找key值了。find函数find函数用来查找目标元素，找到就返回该元素，找不到返回undefined数组中使用  定义对象数组：option:[{text:'+',valu...

前言  路由守卫，顾名思义：在路由跳转的时候起到一定的保护作用。比如说：跳转主界面的时候先去登录，登录成功之后才可以进入主界面。就可以使用路由守卫，但是小编今天想要分享的是路由守卫的另一个用处。需求分析  假设我现在有A、B、C、D、E、F、G7个界面，在A、B、C三个界面的时候可以正常返回上一个界面，即由A到B到C，也可以由C到B到A，但是从D开始，D可以到E，E可以到F，F可以到G，但是...

前言  之前分享过vue的生命周期及组件之间的通信，但是理论与实践还是有很大的区别的，所以今天来实践一波子组件向父组件传值的具体过程。过程  1.首先建立子组件：  1）在components下面建立文件夹getip，在文件夹下建立.vue文件getip.vue，建立.js文件index.js；  2）index.js文件下的代码：import getip from './getip....

前言  在项目开发的过程中需要用到input框，限定input框中只能输入数字，当界面一显示的时候input框获得焦点，并调起手机上的数字框。实现方式普通输入框<input type="number" />获取焦点<input v-focus type="number"/>methods中的方法thisFocus(){$('#Inp...

前言  iview里有封装好的全局提示的方法，这为我们的开发提供了便利。iview里的全局提示有预先设置好的位置和显示时间，但是这其实也是可以自己设置的。没有进行自定义设置进行自定义设置设置方式 整个项目上全局配置  在main.js文件下写，这样所有的Message组件都会拥有下方的设置。Vue.prototype.$Message.config({top: 120,...

之前都是在Vue项目中通过iframe嵌套外部写好的HTML页，但是最近接触了一个需求，是需要在HTML页面中嵌入Vue项目。Vue项目打包完成之后会形成一个包含所有静态资源的文件夹，点击HTML页可以运行（后端解决的跨域），现在需要新建一个test.html页去嵌套Vue打包后形成的HTML页，在test.html中有几个input框，输入完成之后点击搜索按钮，Vue项目会显示出来，同时请求了后

背景  订餐系统前端使用的是vue框架，基于iview组件，因为是订单系统，计算总金额是一个不可缺少的功能。方法介绍 1.显示效果  总金额是由表格中所有的总金额加起来得到的。 2.总体代码展示 2.1 绑定数据的代码<div style="margin-top:10px">总金额：￥<label>{{tot...

什么样的内容需要封装一段代码在项目中出现两次就开始考虑是否应该进行封装，出现三次就肯定要封装，大到一个页面，一个组件，小到一个function和一个css样式。封装原则以下将封装出来的通用组件叫做子组件，引用通用组件的界面叫做父组件。封装出来的组件必须具有高性能，低耦合的特性，主要从以下几点入手：1.数据从父组件传入子组件本身不要生成数据，如果需要生成数据，只能在组件内部进行使用，不要传递出去。父

背景  订餐系统前端使用的是vue框架，基于iview组件，对于一些查询性的数据具有导出Excel的功能。方法介绍 1.整体介绍   2.正常导出功能（没有超过12位的数字） 2.1 导出按钮添加方法&lt;Buttontype="primary"@click="exportData"style="float:right;margin-bo