jp-switch.vue 427 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view>
  3. <switch @change="SwitchA" :class="value?'checked':''" :disabled="disabled" :checked="value?true:false"></switch>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. };
  11. },
  12. props: {
  13. value: Boolean,
  14. disabled: {
  15. type: Boolean,
  16. default: false
  17. }
  18. },
  19. methods:{
  20. SwitchA(e) {
  21. this.$emit('input', e.detail.value)
  22. }
  23. }
  24. }
  25. </script>
  26. <style>
  27. </style>