jp-checkbox-group.vue 553 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <u-checkbox-group v-model="ckList" placement="column" @change="CheckboxChange">
  3. <slot></slot>
  4. </u-checkbox-group>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. ckList: []
  11. }
  12. },
  13. props: {
  14. value: String,
  15. disabled: {
  16. type: Boolean,
  17. default: false
  18. }
  19. },
  20. watch:{
  21. value:{
  22. handler (val) {
  23. this.ckList = val.split(',')
  24. },
  25. immediate: true,
  26. deep: false
  27. }
  28. },
  29. methods:{
  30. CheckboxChange(evt) {
  31. this.$emit('input', this.ckList.join(','))
  32. },
  33. }
  34. }
  35. </script>