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 | string|60 |borderColor|边框颜色|string|#6992dd|