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-width: 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你就知道了
},
3、vue 使用ts出现问题,ts和js混用
http://t.zoukankan.com/yn-cn-p-13958261.html
Syntax Error: TypeError: loaderContext.getOptions is not a function
ts-loader 9 不支持 webpack 4
npm install ts-loader@8.2.0