首页 > 其他 > 详细

vant poup pickerr

时间:2021-03-16 17:30:29      阅读:40      评论:0      收藏:0      [点我收藏+]
<!-- 选择分组  ‘我家‘, ‘父母‘, ‘朋友‘, ‘房东‘, ‘其他‘-->
    <div id="groups">
      <van-popup
        get-container="#groups"
        v-model="groupShow"
        round
        position="bottom"
        :style="{ height: ‘50%‘ }"
      >
        <van-picker
          show-toolbar
          :columns="groupColumns"
          :visible-item-count="3"
          ref="groupPicker"
          :default-index="positionDefaultIndex"
        >
          <template #confirm
            ><img
              @click="groupShow = false"
              class="close"
              src="~assets/img/close.png"
            />
          </template>
          <template #cancel><span class="confirm">选择分组</span></template>
          <template #columns-bottom>
            <div class="confirm-button" @click="onGroupConfirm">确 认</div>
          </template>
        </van-picker>
      </van-popup>
    </div>

技术分享图片

 

vant poup pickerr

原文:https://www.cnblogs.com/xiaoliziaaa/p/14544401.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!