checkbox组件怎么用

这篇文章主要介绍“checkbox组件怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“checkbox组件怎么用”文章能帮助大家解决问题。

衡阳县ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

<template>

  <div class="chat-checkbox">

    <input

      :id="id"

      :name="name"

      v-model="value"

      @change="check"

      class="checklist"

      type="checkbox"

    />

    <label :for="forId"></label>

  </div>

</template>

<script>

export default {

  name: 'chatCheckBox',

  props: {

    id: {

      type: String,

    },

    forId: {

      type: String,

    },

    name: {

      type: String

    },

    vModelValue: {

      type: Boolean

    }

  },

  data() {

    return {

      value: this.vModelValue

    }

  },

  methods: {

    check(e) {

      this.$emit('change', e)

    }

  }

}

</script>

<style lang="scss" scoped>

@import '@css/globalCite/defaultVariable.scss';

@import '@css/globalCite/defaultThemeVariable.scss';

@import '@css/globalCite/themeMixin.scss';

@import '@css/globalCite/bgImageMixin.scss';

@import '@css/vux/chatCheckbox.scss'; 

</style>

关于“checkbox组件怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

当前标题：checkbox组件怎么用
当前URL：https://www.cdcxhl.com/article8/gcdeip.html

成都网站建设公司_创新互联，为您提供企业网站制作、做网站、网站改版、网站设计、网站导航、建站公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联