VIPDialog

可插入组件的自定义对话框 用于LOV等场景

发布

npm config set registry=http://registry.npmjs.org npm adduser 这里需要邮箱验证一下 npm publish npm login npm config set registry=https://registry.npm.taobao.org

安装

$ npm install vip-dialog -S
$ npm install vip-remote-component -S

使用

在 main.js 文件中引入插件并注册

======================================================================================
# main.js
import RemoteComponent from 'vip-remote-component'
Vue.use(RemoteComponent)

在项目中用使用 RemoteComponent
只要传入远程的 VUE JS 文件就可以渲染成一个页面,这样就可以实现静态域的分布式部署和开发
router:
      {
        path: 'RemoteVue',
        component: ()=>import('@/views/fnd/RemoteVue'),
        name: 'RemoteVue',
        meta: { title: '测试远程组件' },
        props: { url: 'http://localhost:8080//remote/func.js' }
      },

<template>
  <div>
    <RemoteComponent v-bind:url="url"></RemoteComponent>
  </div>
</template>

<script>
export default {
  props: {
    url: {
      type: String,
      default: ''
    }
  }
}
</script>

======================================================================================
# main.js
import VIPDialog from 'vip-dialog'
Vue.use(VIPDialog)

在项目中用使用 VIPDialog

<script>
  import FndImportView from '@/views/fnd/importView';
  export default {
    methods: {
      showLov(){
        this.$dialog.modal(FndImportView, {
            title: '测试对话框',
            width: 700,
            height: 350,
            params: {
                name: 'saa shang'
            },
            callback: data=>{
            console.log(data)
            }
        });
      }
    }
  }
</script>