点击事件动态调用不同组件

通过一个点击事件动态的调用相应的组件

传入的参数中包含对应组件路径数据{pageComponent: entry.component }

openTopEntry (entry) {
      this.kPromptPage({
        pageComponent: entry.component // 对应组件
      })
    }

map.js 将

//获取对应options的配置，并以对象的形式返回
const getProps = function (options, dict) {
  let props = {}
  const dicts = dict.split(',')
  // 短路语句 注意执行顺序
  dicts.forEach(d => { typeof options[d] !== 'undefined' && (props[d] = options[d]) })
  return props
}
install: function (Vue, kush) {
    Vue.prototype.kPromptPage = (options) => {
          const props = 'pageComponent,pageProps,persistent,hashKey,zIndex'
          kush.create('PagePrompt', false, getProps(options, props), options.events)
        }

}

在相应组件文件中 绑定对应组件并初始化