ExceptionMessage.vue 535 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <div
  3. class="ui-exception-message"
  4. :class="fullException ? 'ui-exception-message-full' : ''"
  5. @mousedown="removeClamp"
  6. >
  7. {{ name }}
  8. </div>
  9. </template>
  10. <script>
  11. export default {
  12. props: {
  13. name: { required: true },
  14. },
  15. data() {
  16. return {
  17. fullException: false,
  18. };
  19. },
  20. methods: {
  21. removeClamp() {
  22. if (!this.fullException) {
  23. this.fullException = true;
  24. }
  25. },
  26. },
  27. };
  28. </script>