README
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>