LineInput.vue 514 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <div class="width">
  3. <input 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: 50%;
  28. margin: auto;
  29. color: #fff;
  30. border: 1px solid #aaa;
  31. background-color: #222;
  32. }
  33. .width {
  34. width: 100%;
  35. max-width: 60em;
  36. }
  37. </style>