TextField.vue 577 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div class="width">
  3. <textarea class="textarea" type="text" v-model="inputText"/>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. inputText: '',
  11. }
  12. },
  13. methods: {
  14. getContent() {
  15. return this.inputText
  16. },
  17. },
  18. computed: {
  19. isOkay() {
  20. return true
  21. },
  22. },
  23. }
  24. </script>
  25. <style scoped>
  26. .textarea {
  27. width: 100%;
  28. min-height: 1.2em;
  29. resize: vertical;
  30. margin: auto;
  31. color: #fff;
  32. border: 1px solid #aaa;
  33. background-color: #222;
  34. height: 4em;
  35. }
  36. .width {
  37. width: 100%;
  38. max-width: 60em;
  39. }
  40. </style>