vue学习遇到的问题记录（长期）

一、组件

1、滑动条组件  el-scrollbar，官方文档未找到相关介绍

二、问题：

1、elementUI tree控件过长无法滑动

树行控件外出套个div class为treediv，设置以下style即可实现，解决来源：https://blog.csdn.net/u012138137/article/details/81196257

.treediv{
  overflow-y: hidden;
  overflow-x: scroll;
}
.el-tree {
  min- 100px;
  display:inline-block !important;
}

2、elementUI tree 实现右键菜单删除按钮 

@node-contextmenu 该方法实现右键点击触发  解决来源：https://blog.csdn.net/qq_36825368/article/details/85281362

contextmenu (event, data, Node, self) {
  this.treemenus = false
  this.treemenus = true
  let treemenu = document.querySelector('#tree_menu')
  /* 菜单定位基于鼠标点击位置 */
  treemenu.style.position = 'absolute'
  treemenu.style.left = event.clientX + 'px'
  treemenu.style.padding = '5px'
  document.addEventListener('click', this.foo)
  treemenu.style.top = event.clientY - 10 + 'px'
},
foo () { // 取消鼠标监听事件 菜单栏
  this.treemenus = false
  document.removeEventListener('click', this.foo) // 要及时关掉监听，不关掉的是一个坑，不信你试试，虽然前台显示的时候没有啥毛病，加一个alert你就知道了
},