Commit bf0fc5a9 by zhangmeng

add preview

parent e90096eb
# vue 插件—-门店选择联动
# vue 插件—-门店分组单选组件
<<<<<<< HEAD
> A Vue.js Store select Plugin
> A Vue.js Store Group Plugin
![预览图](http://115.159.76.241/vue-plugins/vue-gic-store-group/raw/master/preview/1.jpg)
## Install
```shell
npm install @gic-test/vue-gic-store-linkage -S
npm install @gic-test/vue-gic-store-group -S
```
## how to use
```
// main.js
import vueGicStoreLinkage from '@gic-test/vue-gic-store-linkage'
Vue.use(vueGicStoreLinkage)
import vueGicStoreGroup from '@gic-test/vue-gic-store-group'
Vue.use(vueGicStoreGroup)
// 使用页面
<vue-gic-store-linkage :msg="sendChildData" ref="selectTree" @sendSelectGroupData="getSelectGroupData"></vue-gic-store-linkage>
<vue-gic-store-group :model="storeGroupData" width="200" placeholder="请选择门店分组" @commit-store="getStoreData"></vue-gic-store-group>
data() {
return {
// 可传参数
sendChildData:{}, // 向子元素传递的对象
// 可传参数 初始化的数据,回显的数据
storeGroupData:{
id:'',
label:''
},
//控件的宽度 默认为200,可不传
width:'200'
}
}
methods: {
//获得子元素传递的数据
getSelectGroupData() {
//获得数据
getStoreData(val) {
console.log(val)
}
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment