van-checkbox 复选框功能

最新推荐文章于 2024-03-28 09:33:41 发布

落花流雨

最新推荐文章于 2024-03-28 09:33:41 发布

阅读量2.5k

点赞数 1

分类专栏： # vant 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44666644/article/details/114592536

版权

本文介绍了在Vue项目中使用van-checkbox组件实现复选框功能，包括动态设置弹出框最大高度、点击遮罩层关闭、设置禁用状态以及去除默认滚动条的技巧。

摘要由CSDN通过智能技术生成

van-checkbox 复选框功能

在这里插入图片描述

涉及的功能点：

动态设置弹出框的最大高度
VUE点击遮罩层内功能区以外的地方，遮罩层关闭
设置disabled，确定添加不可修改
去除默认滚动条

<template>
  <div class="hw_detail">
    <div @click="isPop = true" class="btn">
      <span>添加选项</span>
    </div>
    <div class="detail_popUp" v-show="isPop" @click="handle_pop($event)">
      <section>
        <div class="popUp" ref="msk" :style="autoHeight">
          <p class="change fw700">添加后不可修改</p>

          <van-checkbox-group v-model="result">
            <div
              class="fcsb f