# vant-weekly-select

> 此组件是基于vue2+vant2开发的

### 安装依赖
```
npm install vant-weekly-select
npm install lodash -D  //使用到的相关依赖
```

### App.vue中引入组件
```
//引入组件
import Vue from 'vue'
import vantWeeklySelect from 'vant-weekly-select'
import 'vant-weekly-select/lib/vant-weekly-select.css'
Vue.use(vantWeeklySelect)
```
### mian.js中引入依赖
```
import Vue from 'vue'
import App from './App.vue'
import _ from 'lodash'
Vue.prototype._ = _;
```

### template中使用
```
<template>
	<div id="app">
		<vant-weekly-select label="周期：" v-model="week"></vant-weekly-select>
	</div>
</template>
```

### 属性
|参数|说明|类型|默认值|
|-|-|-|-|
|label|标题|string|-|
|placeholder|输入框占位提示文字|string|-|
|disabled|是否禁用|boolean|false|
|labelwidth|标题的长度|number &#124; string|60
|borderColor|边框颜色|string|#6992dd|

![效果图](https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=1cd01e76f14041f0e59897571c1d87c8)