Commit bf0fc5a9 by zhangmeng

add preview

parent e90096eb
# vue 插件—-门店选择联动 # vue 插件—-门店分组单选组件
<<<<<<< HEAD <<<<<<< 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 ## Install
```shell ```shell
npm install @gic-test/vue-gic-store-linkage -S npm install @gic-test/vue-gic-store-group -S
``` ```
## how to use ## how to use
``` ```
// main.js // main.js
import vueGicStoreLinkage from '@gic-test/vue-gic-store-linkage' import vueGicStoreGroup from '@gic-test/vue-gic-store-group'
Vue.use(vueGicStoreLinkage) 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() { data() {
return { return {
// 可传参数 // 可传参数 初始化的数据,回显的数据
sendChildData:{}, // 向子元素传递的对象 storeGroupData:{
id:'',
label:''
},
//控件的宽度 默认为200,可不传
width:'200'
} }
} }
methods: { methods: {
//获得子元素传递的数据 //获得数据
getSelectGroupData() { getStoreData(val) {
console.log(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