讲几个自己开发中用到的组件吧,其他组件待后期用到了再补上。网上的信息五花八门的坑挺多,实际运用到小程序中各种错误,不了解的时候还真无从下手。
- mpVue中使用小程序自带组件——picker
时间选择
<!--wxml-->
<picker mode="time" :value="{
{time}}" start="09:01" end="21:01" @bindchange="bindTimeChange">
<button type="default">时间选择器</button>
</picker>
//js
<script>
export default {
data () {
return {
time: '12:01'
}
},
computed: {
},
components: {
},
methods: {
// 选择时间
bindTimeChange: function (e) {
this.setData({
date: e.mp.detail.value
})
}
}
}
</script>
日期选择
<!--wxml-->
<picker class="weui-btn" mode="date" :value="{
{date}}" start="" end="" @bindchange="bindTimeChange">
<button type="default">搜索</button>
</picker>
//js
<script>
export default {
data () {
return {
date: '2016-09-01'