element 新组件

el-scrollbar  // 滚动条组件  必须设置高度

 

<el-scrollbar wrap-style="overflow-x:hidden;" style="height: calc(100vh - 430px);"></el-scrollbar>
//  wrap-style="overflow-x:hidden;" 隐藏横向滚动条

 

多行提示

const hasProject = []
// errorList 有数据的数组
const h = this.$createElement
projectNameList.push(h('p', null, errorList))
errorList.forEach((val, index) => {
  hasProject.push(h('p', null, '第' + (index + 1) + '行折旧费未填写'))
})
this.$msgbox({
  title: '消息',
  message: h('div', null, hasProject),
  showCancelButton: true,
  confirmButtonText: '确定'
})
// 设置提示要是
this.$msgbox({
  title: '消息',
  message: h('div', null, [
    h('div', { style: 'overflow: auto;max-height: 80vh;' }, hasProject)
  ]),
  showCancelButton: false,
  confirmButtonText: '确定'
})

 

keep-alive:(缓存标签)  keep-alive 独有的生命周期，分别为 activated 和 deactivated 。用 keep-alive 包裹的组件在切换时不会进行销毁，而是缓存到内存中并执行 deactivated 钩子函数，命中缓存渲染后会执行 activated钩子函数。