Cascader 级联选择器 出现空面板的问题

出现空白面板是因为后台大佬数据是递归处理过,最底层的children是个空数组,后台大佬又去不掉或者做不了处理,说特麻烦,那前端做下就好了。 获取数据的时候 前端将数据做个递归处理,遇到children为空的时候赋值undefined,就可以解决这个问题。 处理后界面 ...

2019-04-11 17:20:17

阅读数 61

评论数 1

Cascader 级联选择器 初显的一些问题

使用级联选择器的时候只显示最末端的一级,而且后台也只需要传递一个id而不是数组的形式,所以级联选择器初始显示数据时候要进行异步处理。 数据初始化的时候 对options里的数据进行遍历,寻找显示的id所在的层级,定义一个数组,将所在的层级上的父级们的push进数组里,注意先后顺序,显示...

2018-12-27 17:29:12

阅读数 361

评论数 0

ES6 Set的使用, 数组去重 如此简单

Set是ES6提供新的一种数据结构。类似于数组,但是成员元素的值都是唯一的,没有重复的值。接收数组作为参数,所以可以用来用作数组的去重使用 let arr = new Set([[1,1,2,2,2,3,4,4,4,4,5,6]]) console.log(arr) //[1,2,3,4,...

2018-12-21 11:53:09

阅读数 183

评论数 0

表单编辑,关闭对话框 提醒用户是否保存数据

 在对话框中填写表单,防止未提交的数据用户误操作,点击关闭造成填写的大量数据信息清空,需要重新操作一遍,因此关闭的时候对填写有数据的表单,进行提醒。 点击打开对话框的时候,将数据保存在sessionStorage,不能保存在data中定义的一个对象中,这样子修改表单的值会对开始点击打开对话框...

2018-12-18 20:00:16

阅读数 333

评论数 0

用户角色- 权限选择 树形表格+选择框 三级菜单

之前弄了个用户角色权限的表格,但是后面 又增加了一个需要三级的新需求,*******,所以对组件进行了新的修改 界面完整如下 这是搭建的demo 设备管理下有设备1设备2两个模块设备1拥有增删改的权限,设备2下拥有两个模块设备2-1设备2-2 都拥有相应的模块, 相应的数据格式如下;   ...

2018-12-14 12:40:01

阅读数 444

评论数 1

vue-amap 高德地图定位 点击获取经纬度和具体地址的使用

官方文档地址: 点这里!!   经纬度获取只要通过点击事件就可以通过e.lnglat来获取,然后就是插件Geocoder使用了。在main.js中initAMapApiLoader中写入:AMap.Geocoder,注意 官方文档中有提示: 所以插件中使用的依然是AMap,与导入名无...

2018-12-07 10:50:35

阅读数 3030

评论数 0

表格的整列复制,对数据批量修改

最近的项目上有个需求是将一个表格中的input数据修改了某一个值,该列之后的值修改修改为一样,从而多对数据的批量编辑   正常来做是通过点击事件cell-click点击来确定在那一列的column和id,然后对数据进行遍历修改即可。 但是这样会有个bug,表单可以不用通过点击就可以对in...

2018-12-06 17:35:00

阅读数 170

评论数 0

高德地图 vue-amap 在点坐标上方显示该点的信息

如图: 在坐标点上方显示该点的一些信息,使用el-amap-text组件, 该组件需要位于el-amap-marker之下,在maker属性中增加text和offset text是显示的文字,offset是调整文本框出现位置的偏移量...

2018-11-26 11:26:57

阅读数 952

评论数 0

用户角色- 权限选择 树形表格+选择框

在最近的项目有个功能是给用户角色相关的模块赋予增删改查的权限原型大体如下 这是产品一开始给的原型,但是每个模块所拥有的权限不一样,不一定四个都会有,或者会有别的权限, 网上找寻资料后,根据这个项目进行修改的https://github.com/Echo987/vue-tableAuthor,而...

2018-11-12 17:29:02

阅读数 148

评论数 1

vue中使用高德地图 信息窗口样式无法修改

vue中使用vue-amap后在main.js中import VueAMap from 'vue-amap' 不使用AMap避免与高德全局变量冲突。 在页面中对信息窗体进行样式修改 如果设置了style中设置了scoped会无法起作用,需要去掉scoped或者在app.vue中进行样式的修改...

2018-10-15 20:18:29

阅读数 680

评论数 2

表单输入字符串直接转换数字 v-model 的修饰符

.number vue提供了一个修饰符--v-model.number 在表单输入的时候直接将字符串转换成数字类型 很是方便 <el-input type="text" v-model.number="ruleFor...

2018-09-30 10:10:00

阅读数 718

评论数 0

vue中导出excel表格

在vue的项目中有个导出excel的需求 之前是后台做的给个地址进行下载。查阅了下资料,前端实现也不难,记录下来,备用。 1 安装依赖   npm install -S file-saver xlsx npm install -D script-loader 2 安放两个js文件 在s...

2018-09-27 20:32:21

阅读数 360

评论数 1

在vue中封装echarts折线图组件

 先来张图 要实现在父组件引用子组件图表,父组件需要传递给图表组件几个数据, id: 图表实例化需要一个唯一的id; time: x轴的显示数据,参数名可以自己定义; opData: 用来配置series的系列列表,参数可以自己定义; unit: y轴单位显示,参数可以自己定义; ...

2018-07-28 10:24:04

阅读数 2350

评论数 0

Sublime Text 3 插件 -- SFTP 配置连接远程服务器

安装SFTP插件,重启IDE,点击 开始 -> SFTP/FTP ->Setup Server 打开一个配置文件分别配置host服务器地址 user用户名 password密码 和remote_path:服务器地址路径配置完成保存文件点击 开始 -&am...

2018-07-04 17:04:07

阅读数 190

评论数 0

Js值类型和引用类型

   由JavaScript 中的变量类型传递方式,分为值类型和引用类型,值类型变量包括 Boolean、String、Number、Undefined、Null,引用类型包括了 Object 类的所有,如 Date、Array、Function 等。在参数传递方式上,值类型是按值传递,引用类型是...

2018-06-05 10:06:19

阅读数 86

评论数 0

ES7学习之includes()和指数操作符

Array.prototype.includes()方法includes()方法是查找一个值在不在数组当中,如有返回true,否则返回false。该方法接收两个参数,要搜索的值和搜索的开始索引,接收第二个参数的时候,includes会从该索引往后搜索(只有一个参数,默认从0开始)let arr =...

2018-05-30 10:01:15

阅读数 262

评论数 0

es6学习之模板字符串 ``

ES6引入了一种新型的字符串字面量语法,称之为模板字符串。除了使用反撇号字符 ` 代替普通字符串的引号 ' 或 " 外,它们看起来与普通字符串并无二致。但是它为JavaScript提供了简单的字符串插值功能,可以通过一种更加美观、更加方便的方式向字符串中插值var a = 2, ...

2018-05-29 10:07:14

阅读数 181

评论数 0

Ext框架 登录框背景半透明设置背景色。

在使用的一个ext框架做的管理系统中,登录界面是使用Ext.window.Window实现,背景是半透明的效果,也可以设置为透明,效果如下现有需求要去掉那个半透明,换个底色或者图片。Ext.window.Window中有maximized这个参数,可以初始化以最大状态显示窗体,然后将header设...

2018-04-23 18:07:29

阅读数 240

评论数 0

jQuery中阻止事件冒泡的方式及区别

方法一:event.stopPropagation();$("#div").mousedown(function(event){ event.stopPropagation(); });方法二:return...

2018-04-23 17:23:38

阅读数 62

评论数 0

map()方法、reduce()方法和filter()方法的使用

map()方法返回一个经过回调函数处理过的新数组,不会改变原数数组的值var arr = [1,2,3,4] var newArr = arr.map(function(i) { return ++i }) console.log("原数组&...

2018-02-22 16:59:32

阅读数 763

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭