vue+element-ui
文章平均质量分 71
Bonjourjw
这个作者很懒,什么都没留下…
展开
-
验证实现element-ui树形控件的自定义图标及右键菜单(一)
许久不用,element-ui已经更新至2.4.1版本。直接进入今天的正题,前提是node.js的环境还有vue及elment-ui都已经安装了。 element-ui的官方文档中介绍比较粗略,试了许久才成功,因此将其记录。 首先看到自定义节点内容部分,指明了可以在节点区添加按钮或图标。 一 添加节点自定义图标但所有的实例中却没有看到有图标,自定义部分只有通过按钮增加/删除节点。...原创 2018-06-26 11:37:04 · 32451 阅读 · 14 评论 -
验证实现element-ui树形控件的自定义图标及右键菜单(二)
一 前言之前只实现了对el-tree树形控件初步显示右键菜单,今天对其进一步完善,主要实现如下功能: 1.对菜单进行美化,统一成element-ui风格。 2.右键菜单出现后,点击菜单外其余地方可实现对菜单项的隐藏。 3.右键菜单里放置添加节点和删除节点功能,并加以实现。二 具体实现1.查看element-ui的主调色,及其他类似菜单的实现方式,将风格统一。 2.点击空...原创 2018-07-29 22:56:05 · 11391 阅读 · 3 评论 -
Vue中非父子组件间传值
前言:最近好几个月没有更博了,最开始是忙,后面就是忙着过中秋国庆去了。很久没有静下心学习了,默默地反思,不该有借口而怠慢。立个flag,以后每周末必须留出半天时间学习技术知识。自己也遇到这个问题,直接转载博主的文章了,原文出处:vue非父子组件通信问题解决记录。**注意:**发送和接受侧事件名必须一致,而涉及到对本组件中数据操作时,需要提前存储当前组件的this,$emit本身也是一个对象,直...转载 2018-10-13 11:51:15 · 449 阅读 · 0 评论 -
VUE中非父子组件传值(不仅限于兄弟组件)
一 背景接着上一篇文章补充一点:很多时候我们可能追求组件化,一个页面里包含了好几个组件,但很不巧地某两个组件间又有关联关系,需要获取另一组件的数据。恰巧又不想用动用Vuex,这时候就想到了事件总线的方法。二 实现由于想要在层级关系较复杂的两个组件间通信,故如下图所示,将事件总线设置为全局的。在要使用的地方仍按上篇博文的方法使用即可。...原创 2018-11-23 17:21:40 · 317 阅读 · 0 评论 -
IE浏览器下,VUE项目页面打开空白
一 问题描述今天偶然用IE打开所做后台系统,发现居然空白一片!!!什么都没有,好可怕,事故现场如下:原创 2018-11-25 16:55:02 · 5426 阅读 · 1 评论 -
IE兼容性——页面失常显示
接着上篇博文,IE浏览器下还有以下不寻常之处:一、登录成功后只看到顶部的菜单导航栏,但原本的主内容区域是空白一片,定睛一看页面右侧有滚动条,原来内容区域隐藏在页面下方。。。这个情况仅仅在IE浏览器下出现,而像chrome及firfox都是正常的。 导航菜单是采用了element-ui的组件,再加以自定义实现的,且包裹在el-row中,对比其在chrome和firfox下的表现,I...原创 2018-11-25 17:18:41 · 654 阅读 · 0 评论 -
el-tree后续需求之解决(更新节点数据、默认选中节点)
一 背景 el-tree的数据来源,通过后台获取,之前考虑由于刷新数据造成页面闪动的问题,处理方法为不实时刷新el-tree的数据(只考虑到了添加)。 添加一个treeNode时,成功后,调用后台的getTree重新获取最新数据newData,遍历找到新增的目标对象,将其获取作为当前选中节点的子Node。这样没有刷新整棵树,保证页面不会晃动。二 引发问题:...原创 2018-11-30 17:42:25 · 16057 阅读 · 5 评论 -
项目开发中一些小坑之路
一. 自定义横向二级菜单,切换不同的一级菜单时,默认选中二级菜单渲染不正确。 描述: (1)其实就是一级和二级菜单没有默认的激活项,导致每次刷新页面时,只有一级菜单显示,二级菜单并没有存在,但主界面仍旧停留在上一次选择的一二级菜单项下对应页面。 (2)又如从菜单1-2切换到菜单2-1,再次切换回菜单1(并不点击下面的二级菜单),看到上一次选择的1-2菜单仍处...原创 2018-12-16 17:45:57 · 358 阅读 · 0 评论 -
跨域之proxyTable——在开发和生产环境的不同配置
解决跨域问题又多种方法,网上又很多资料我就不再一 一列举了,直接上proxyTable的配置,我的项目是基于vue-cli脚手架搭建的,找到config/index.js中关于开发环境的配置,增加对proxyTable属性的配置,如下图所示: 利用axios发送请求的url都要在...原创 2019-07-08 15:04:46 · 5456 阅读 · 0 评论