国家电网项目总结

1、该项目表单采用动态配置，通过后台数据渲染动态渲染所有表单类型。

2、弹出选择表单组件，选择需要的字段配置表单搜索栏和表格栏。点击页面其他地方，改组件隐藏。

组件外部

document.οnclick=function() {

...让表单隐藏

}

utils.clickDocHide(this, ['normalSearch', 'highSearch', 'listSearch'])

utils.clickDocHide = (el, data) => { // 在vue中点击文本其他地方弹出框消失
  for (let i = 0; i < data.length; i++) {
    el.$refs[data[i]].$el.childNodes[0].onclick = function (e) {
      let ev = window.e || e
      ev.stopPropagation()
    }
  }
}

使用vue的$refs去操作组件

组件内部使用watch监听显示隐藏的参数，并改变相应的props